window.open() 打开新窗口被浏览器拦截

原创已于 2025-01-30 14:30:45 修改 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Javascript

于 2019-05-09 10:29:05 首次发布

JavaScript 专栏收录该内容

43 篇文章

订阅专栏

本文探讨了在浏览器安全机制下，非用户触发的window.open方法在Firefox中被拦截的问题。Chrome和IE不会拦截，而FireFox会进行拦截。文章提供了通过先打开一个新窗口再异步设置其URL的解决方案，以绕过此限制。

原因：在浏览器的安全机制里面，非用户触发的 window.open 方法，是会被拦截的。

经过实际测试，Chrome、IE 不会拦截，FireFox 会拦截。

//不会被拦截
$('#btn').click(function () {
    window.open(url)
});

 //会被拦截
$('#btn').click(function () {
     $.ajax({
	         url: 'xxxx.com',
	         success: function (url) {
	             window.open(url); // 用户没有直接发出 window.open 请求，而是发出一个 aja x请求，window.open 方法被放在了 ajax 的回调函数里
	             }
        })   
});

解决方法：

// 先在回调函数之前打开新窗口，后再加载 url
$('#btn').click(function () {
         //打开一个不被拦截的新窗口
         var newWindow = window.open();
          $.ajax({
                    url: 'xxxx.com',
                     success: function (url) {
                      // 修改新窗口的url
                      newWindow.location.href = url;
                   }
            })   
 });