window.open在Safari中不能打开的问题

最新推荐文章于 2024-05-16 15:57:15 发布

黎轩栀海

最新推荐文章于 2024-05-16 15:57:15 发布

阅读量1k

点赞数

分类专栏：前端文章标签： js

原文链接：http://www.imooc.com/article/78876

版权

前端专栏收录该内容

154 篇文章 6 订阅

订阅专栏

现代浏览器默认阻止弹出窗口，尤其是由广告滥用window.open()导致的。在Safari中，由于安全机制，window.open()常被拦截。解决办法是在Ajax请求前先打开窗口，并在回调中修改窗口位置。通过检查window.open()的返回值可判断窗口是否成功打开。本文探讨了这一问题及解决方案。

摘要由CSDN通过智能技术生成

大部分现代的浏览器（Chrome/Firefox/IE 10+/Safari）都默认开启了阻止弹出窗口的策略，原因是window.open被广告商滥用，严重影响用户的使用。这个阻止弹出窗口的操作，并不是直接封杀window.open()，而是会根据用户的行为来判断这次window.open()是否属于流氓操作。

这些事件 handler 里的，但如果是代码自己触发的就会被阻止。

在Safari中无法open新窗口，原因是Safari的安全机制将其阻挡。

并不是所有地方都无法正常使用，在一些ajax或者jquery的getjson等回调代码中只要调用window.open都失效。原因是苹果的安全策略拦截。

解决方案:调用Ajax之前，先打开这个窗口，然后在回调函数里面修改打开窗口的location，这样就可以解决。

var openWin = function(){
    var winRef = window.open("url","_blank");
    $.ajax({
        type: '',
        url: '',
        data: '',
        ......
        success:function(json){
            winRef.location = "新的url";
        }
    });
};

由于种种原因，window.open()经常会被阻止掉，我们可以根据window.open()的返回值来判断其执行情况，代码如下：

var winOpen = window.open("url",...);
if(winOpen == null || typeof(winOpen) == 'undefined'){
    consoel.log("窗口无法打开，请检查浏览器！");
}else{
    consoel.log("窗口打开成功！");
}