window.open()被部分浏览器拦截 解决方法

起因:

因为在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的;

 

1、什么情况下不会被拦截?示例如下:

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

 

2、什么情况下会被拦截?示例如下:

$('#btn').click(function () {
        $.ajax({
         url: 'xxxx.com',
        success: function (url) {
             //会被拦截
             window.open(url);
             }
        })
}); 

 

分析原因:

用户没有直接发出window.open请求,而是发出一个ajax请求,window.open方法被放在了ajax的回调函数里,这样的情况就会被拦截了;

 

解决方法

既然发现了问题,也找到了原因所在,那就开始解决吧!

$('#btn').click(function () {
        //打开一个不被拦截的新窗口
         var newWindow = window.open();
          $.ajax({
              url: 'xxxx.com',
              success: function (url) {
                   //修改新窗口的url
                  newWindow.location.href = url;
              }
        })
 });//先在回调函数之前打开新窗口,后再加载url
    A+
发布日期:2019年09月27日 22:05:48  所属分类:JQuery
最后更新时间:2019-09-27 22:09:24
头像
  • ¥ 199.0元
  • 市场价:899.0元
  • ¥ 59.8元
  • 市场价:99.8元
  • ¥ 129.0元
  • 市场价:199.0元
  • ¥ 69.0元
  • 市场价:69.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: