window.open()被部分浏览器拦截问题

下面代码一切从简，大家理解即可

　　最难得的不是遇见而是重逢

　　　　　　　　　　-----网易云乐评《凌晨三点》

一、原因：
1、因为在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

 

转载于:https://www.cnblogs.com/shizk/p/8458916.html