php - window.open()弹出窗口被拦截.
PHPz
PHPz 2017-05-16 13:12:48
0
8
711

从后端传一个url, 前端收到后打开新窗口跳到这个链接.
使用 window.open(url, '_blank'); 被浏览器拦截.

请问有什么办法实现吗 ? 试了下模拟a标签点击照样拦截, 弹出p加载iframe不行, 必须要打开窗口.

问题已解决, 见采纳答案.

PHPz
PHPz

学习是最好的投资!

全部回复(8)
巴扎黑

这个问题首先要了解为啥会拦截,浏览器会对"非人为"的调用window.open的弹窗进行拦截,什么叫做"非人为"的,就是浏览器判断在用户操作和window.open之间不是连续的,浏览器会认为可能是流氓程序弹出的广告窗口从而进行拦截
从楼主的描述可以看出,楼主应该是进行某个操作之后,通过ajax去获取一个url,然后通过window.open打开页面,我们都知道ajax是异步的,浏览器就认为不是连续的,所以就拦截了
解决方法可以先在操作(比如点击)的时候,直接window.open,然后再去ajax获取数据,再给打开的window赋值url,大概的伪代码如下:

el.addEventListener('click',function(){
    var winHandler = window.open("","_blank");
   ajax(function(url){
        winHandler.location.href = url;
   });
    
})
过去多啦不再A梦
<a href="http://www.baidu.com" target="_blank" id="xx">hahah</a>
    <button type="button" id='btn'>clickme</button>
    <script>
        document.getElementById('btn').onclick = function() {
            document.getElementById('xx').click();
        }
    </script>

没毛病啊。

仅有的幸福

为什么要加_blank?

window.open('www.baidu.com')
小葫芦

url要是带http或者https头的

漂亮男人

把触发方法的事件写成一个a标签,获取url的逻辑写在这个a标签指向的Controller里,然后就可以返回一个新页面,总之绕过window.open方法

过去多啦不再A梦

浏览器为了安全问题,会自动拦截弹窗

我想大声告诉你

只有用户点击之后一小段时间内的一个打开新窗口的命令,比如,window.open 才不会被拦截,这是浏览器的安全限制。

给我你的怀抱

试试给ajax请求参数再加一条:async: false

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板