如何避免JavaScript`window.open`觸發彈出窗口警報

Question

我想在jQuery中建立一個非現場通知功能。該腳本首先檢查鏈接是否是外部鏈接，然後針對數據庫表項檢查異常。如果鏈接是外部鏈接而不是例外列表，請將訪問者發送到通知頁面。如果它是例外列表上的外部鏈接，則在沒有通知頁面的情況下在新窗口中打開鏈接。

我正在使用jQuery $.post調用將鏈接信息發送到php腳本，該腳本檢索異常並返回yes或no，以便它需要轉到通知屏幕。下面的代碼：

$('a').click(function(){ 
    var url =$(this).attr('href'); 

    if(url !== '#'){ 
     // ignore links that don't 'go' anywhere 

     if($(this).hasClass('alerted')){ 
      // .alerted is used on the notification page to show the user's already been notified & prevents an infinite loop of notifications. 
      window.open(url); 
      return false; 

     }else if(url.substr(0,4) !='http'){ 
      // check that the url isn't an internal link ('/page.php' for example) 
      return true; 
     } 

     // ajax script to check url is external and is there an exception. Returns as json object: 
     // link: link 
     // notify: true/false 
     $.post("/scripts/form_process.php", { action : 'offsite', link: url}, function(data){ 
      if(data.notify == true){ 
       // if visitors should be notified, redirect to the following link: 
       window.location= '/leaving-site?link='+encodeURIComponent(data.link); 
       return false; 
      }else{ 
       // if the link is in the exception list, don't notify but do open the link in a new window: 
       window.open(data.link); 
      } 

     }); 
     return false; 
    } 
}); 

這只是工作的罰款，只要window.open(url)命令是$.post成功函數裏，瀏覽器處理它像一個彈出式的，而不是作爲一種天然的聯繫。據我所知，在ajax調用中使用window.open時，這似乎是個問題。當我在這裏使用它時：

 if($(this).hasClass('alerted')){ 
      // .alerted is used on the notification page to show the user's already been notified & prevents an infinite loop of notifications. 
      window.open(url); 
      return false; 
     } 

我沒有得到彈出式窗口攔截器。

我不能硬編碼例外列表，我必須檢查每一個鏈接 - 我不能假設一個類將被添加到需要通知的鏈接例如。

如何打開新選項卡中的外部鏈接並避免此代碼中的彈出窗口阻止程序？

Answer 1

經典的方式來解決這個問題如下： AJAX調用之前創建的新窗口：

var newWindow = window.open('', '_blank'); 

而在成功 - 你的URL分配給新的窗口，像這樣：

newWindow.location.href = 'http://example.com'; 

與您的代碼完整的示例：

$('a').click(function(){ 

    var url =$(this).attr('href'); 

    if(url !== '#'){ 
     // ignore links that don't 'go' anywhere 

     if($(this).hasClass('alerted')){ 
      // .alerted is used on the notification page to show the user's already been notified & prevents an infinite loop of notifications. 
      window.location = url; 
      return false; 

     }else if(url.substr(0,4) !='http'){ 
      // check that the url isn't an internal link ('/page.php' for example) 
      return true; 
     } 

     // ajax script to check url is external and is there an exception. Returns as json object: 
     // link: link 
     // notify: true/false 
     var newWindow = window.open('', '_blank'); 
     $.post("/scripts/form_process.php", { action : 'offsite', link: url}, function(data){ 
      if(data.notify == true){ 
       // if visitors should be notified, redirect to the following link: 
       newWindow.location.href= '/leaving-site?link='+encodeURIComponent(data.link); 
       return false; 
      }else{ 
       // if the link is in the exception list, don't notify but do open the link in a new window: 
       newWindow.location.href(data.link); 
      } 

     }); 
     return false; 
    } 
});