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
相關文章
相關標籤/搜索