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

下面代码一切从简,你们理解便可javascript

  最可贵的不是碰见而是重逢java

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

1、缘由:
一、由于在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的;chrome

2、什么状况下不会被拦截或会被拦截?安全

1.函数

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

2.url

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

分析缘由:spa

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

3、既然发现那就解决:blog

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