从后端传一个url, 前端收到后打开新窗口跳到这个链接.使用 window.open(url, '_blank'); 被浏览器拦截.
window.open(url, '_blank');
请问有什么办法实现吗 ? 试了下模拟a标签点击照样拦截, 弹出p加载iframe不行, 必须要打开窗口.
问题已解决, 见采纳答案.
学习是最好的投资!
这个问题首先要了解为啥会拦截,浏览器会对"非人为"的调用window.open的弹窗进行拦截,什么叫做"非人为"的,就是浏览器判断在用户操作和window.open之间不是连续的,浏览器会认为可能是流氓程序弹出的广告窗口从而进行拦截从楼主的描述可以看出,楼主应该是进行某个操作之后,通过ajax去获取一个url,然后通过window.open打开页面,我们都知道ajax是异步的,浏览器就认为不是连续的,所以就拦截了解决方法可以先在操作(比如点击)的时候,直接window.open,然后再去ajax获取数据,再给打开的window赋值url,大概的伪代码如下:
window.open
el.addEventListener('click',function(){ var winHandler = window.open("","_blank"); ajax(function(url){ winHandler.location.href = url; }); })
<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方法
浏览器为了安全问题,会自动拦截弹窗
只有用户点击之后一小段时间内的一个打开新窗口的命令,比如,window.open 才不会被拦截,这是浏览器的安全限制。
试试给ajax请求参数再加一条:async: false
async: false
这个问题首先要了解为啥会拦截,浏览器会对"非人为"的调用
window.open
的弹窗进行拦截,什么叫做"非人为"的,就是浏览器判断在用户操作和window.open
之间不是连续的,浏览器会认为可能是流氓程序弹出的广告窗口从而进行拦截从楼主的描述可以看出,楼主应该是进行某个操作之后,通过ajax去获取一个url,然后通过
window.open
打开页面,我们都知道ajax是异步的,浏览器就认为不是连续的,所以就拦截了解决方法可以先在操作(比如点击)的时候,直接
window.open
,然后再去ajax获取数据,再给打开的window赋值url,大概的伪代码如下:没毛病啊。
为什么要加_blank?
url要是带http或者https头的
把触发方法的事件写成一个a标签,获取url的逻辑写在这个a标签指向的Controller里,然后就可以返回一个新页面,总之绕过window.open方法
浏览器为了安全问题,会自动拦截弹窗
只有用户点击之后一小段时间内的一个打开新窗口的命令,比如,
window.open
才不会被拦截,这是浏览器的安全限制。试试给ajax请求参数再加一条:
async: false