使用window.open打開新窗口被瀏覽器攔截的解決方案

dkzwm 發布于2019-08-23 12:24 / 932人閱讀

摘要：問題描述代碼中直接使用會被瀏覽器窗口攔截原因瀏覽器為了維護用戶安全和體驗，在中直接使用，來打開新的鏈接是會被攔截的。

問題描述：

代碼中直接使用window.open("http://www.baidu.com", "_blank");會被瀏覽器窗口攔截

原因
瀏覽器為了維護用戶安全和體驗，在JS中直接使用window.open(url，"_blank")來打開新的鏈接是會被攔截的。
通常項目需要在ajax異步請求完成后來打開新鏈接，下面提供幾種解決方案

解決方案

1.最常用的（在ajax異步請求成功后打開新窗口）

 //先在ajax函數之前打開新窗口后再加載url
    $("#btn").click(function () {
        // 打開頁面，此處最好使用提示頁面
        var newWin = window.open();
        newWin.document.body.innerHTML="正在加載中......";
        $.ajax({
            url: "www.###.com",
            success: function (url) {
                // 重定向到目標頁面
                newWin.location.href = url;
            }
        })
    });

2.利用a標簽跳轉，能解決大多數瀏覽器兼容問題，但是這種方不適用于ajax異步請求回調中打開新窗口,在ajax異步請求完成后調用無效(用戶點擊事件觸發)

  function newWin(url){ //新窗口打開
        var a = document.createElement("a");
        a.setAttribute("href", url);
        a.setAttribute("style", "display:none");
        a.setAttribute("target", "_blank");
        document.body.appendChild(a);
        a.click();
        a.parentNode.removeChild(a);
    };
     document.body.addEventListener("click", function() {
           newWin("http://www.baidu.com");
        });

云服務器 GPU云服務器彈出窗口被攔截新窗口打開打開新窗口 ajax打開新窗口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98450.html

window.open 打開新窗口被攔截的解決方案

摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。最近公司開發的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當前窗口直接打開，影響用戶體驗，嘗試各種方案和百...

JeOam 2019-08-22 18:16 評論0 收藏0
window.open 打開新窗口被攔截的解決方案

摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。最近公司開發的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當前窗口直接打開，影響用戶體驗，嘗試各種方案和百...

Ajian 2019-08-02 10:45 評論0 收藏0
window.open 打開新窗口被攔截的解決方案

摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。最近公司開發的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當前窗口直接打開，影響用戶體驗，嘗試各種方案和百...

Object 2019-08-30 15:53 評論0 收藏0
js 打開新窗口方式

摘要：之前的項目，有個功能是下載文件，這里只要在瀏覽器輸入就會下載那個文件了。之前的項目，有個功能是下載文件，這里只要在瀏覽器輸入 url 就會下載那個文件了。當時我只是簡單得使用 window.open ，但是卻會被瀏覽器進行攔截，要手動開啟才行，然后就搜索研究其他方法，就看到各種各樣的，通過 js 打開新窗口的方法了，這里就總結一下解決下載功能這里就先說解決下載功能的方法，通過同事...

mgckid 2019-08-21 17:21 評論0 收藏0
js 打開新窗口方式

摘要：之前的項目，有個功能是下載文件，這里只要在瀏覽器輸入就會下載那個文件了。之前的項目，有個功能是下載文件，這里只要在瀏覽器輸入 url 就會下載那個文件了。當時我只是簡單得使用 window.open ，但是卻會被瀏覽器進行攔截，要手動開啟才行，然后就搜索研究其他方法，就看到各種各樣的，通過 js 打開新窗口的方法了，這里就總結一下解決下載功能這里就先說解決下載功能的方法，通過同事...

Jensen 2019-08-01 17:54 評論0 收藏0