您的当前位置:首页正文

window.open()弹窗被浏览器拦截的解决方法

2020-11-27 来源:易榕旅网

本篇文章给大家带来的内容是关于window.open()弹窗被浏览器拦截的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

什么情况下会弹窗被拦截

当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就出现被拦截。

 obj.onclick = function(){
 window.open(url) // 会被拦截
 }
 obj.onclick = function () {
 ajax({
 url: '/xxxxxx/',
 success: function (url) {
 window.open(url); //会被拦截
 }
 })
 }
});  

解决

 
 obj.onclick = function () {
 var newWindow = window.open(); //先在回调函数之前打开新窗口,后再加载url
 ajax({
 url: '/xxxxxx/',
 success: function (url) {
 newWindow.location.href = url;
 }
 })
 }

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目!

显示全文