window.open和trigger会被浏览器拦截的问题

最新推荐文章于 2022-10-31 14:25:01 发布

原创最新推荐文章于 2022-10-31 14:25:01 发布 · 274 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #JavaScript #弹出框 #被拦截 #ViewUI

JavaScript - Browser 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在特定情况下使用JavaScript触发页面打开时遇到的浏览器拦截问题，并提供了一种有效的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天希望做一个效果，即触发某个事件（不一定是点击事件）的同时，打开一个页面。

1. 开始以为很简单：


window.open('http://www.xxxx.com');

2. 后来发现当在window.open被ajax包裹时，被打开的页面会被部分浏览器拦截，如：


$.post(url, data).then(function(data){
    window.open('http://www.xxxx.com');
});

3. 想到通过触发某个a标签来实现。
html代码：


<a id="id_link" href="http://www.xxxx.com"></a>

js代码：


$.post(url, data).then(function(data){
    $('#id_link').trigger('click');
});

4. 引出了新的问题，a标签没有被点开，几番查找后，修改html和js代码。
html代码：


<a id="id_link" href="http://www.xxxx.com"><span id="id_span"></span></a>

js代码：


$.post(url, data).then(function(data){
    $('#id_span').trigger('click');
});

5. 根据以上代码，a标签是被打开了，可是页面还是被浏览器拦截，于是结合2和4。
html代码：


<a id="id_link" href="###"><span id="id_span"></span></a>

js代码：


$('#id_link').click(function(){
    window.open('http://www.xxxx.com');
})
$.post(url, data).then(function(data){
    $('#id_span').trigger('click');
});

竟然好用了……，浏览器为什么允许这种行为，倒是个新的问题。

话说今天表现的像个菜鸟一样，不过想想，我的确就是个菜鸟，于是风高云淡了。