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

 

posted @ 2018-02-22 14:53  石志凯  阅读(8047)  评论(0编辑  收藏  举报