資訊專欄INFORMATION COLUMN
摘要：直接在代碼中執(zhí)行是會被瀏覽器攔截的，瀏覽器是默認(rèn)屏蔽彈出窗口，但是是用戶手動觸發(fā)，就不會攔截，如果是程序自動執(zhí)行，則會攔截。
問題
有時候在開發(fā)業(yè)務(wù)時，由于產(chǎn)品體驗，要求自動打開新窗口，而不希望用戶手動點擊。
直接在代碼中執(zhí)行：
window.open("http://www.baidu.com")
是會被瀏覽器攔截的，瀏覽器是默認(rèn)屏蔽彈出窗口，但是是用戶手動觸發(fā)，就不會攔截，如果是程序自動執(zhí)行，則會攔截。
解決那么根據(jù)上述規(guī)則，那就在用戶有點擊動作時打開這個窗口，偽代碼如下：
test document.getElementById("blank").onclick=function(){ window.open(...) }
示例在此
不過，這方式在異步編程中還是會被攔截，所以在用戶點擊發(fā)送請求的同時打開一個新窗口，然后在回調(diào)函數(shù)中修改新窗口的地址，偽代碼如下：
test document.getElementById("blank").onclick=function(){ const newwin = window.open("about:blank"); $.ajax({ type: "post", url: "xxxx", data: {...}, }).then((data)=>{ ... newwin.location.href = data.href; // 調(diào)用location })
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/83449.html
摘要：原因分析深入研究當(dāng)瀏覽器檢測到非用戶操作產(chǎn)生的新彈出窗口，則會對其進(jìn)行阻止。但是，被瀏覽器攔截我們代碼中要彈出的窗口并不是程序員所希望的。 現(xiàn)象 最近在做項目的時候碰到了使用window.open被瀏覽器攔截的情況，搞得人無比郁悶啊，雖然在自己的環(huán)境可以對頁面進(jìn)行放行，但是對用戶來說，不能要求用戶都來通過攔截。何況當(dāng)出現(xiàn)攔截時，很多小白根本不知道發(fā)生了啥，不知道在哪里看被攔截的頁面，簡...
摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執(zhí)行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。 最近公司開發(fā)的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當(dāng)前窗口直接打開，影響用戶體驗，嘗試各種方案和百...
摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執(zhí)行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。 最近公司開發(fā)的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當(dāng)前窗口直接打開，影響用戶體驗，嘗試各種方案和百...
摘要：使用包裝一下，也可以防止被瀏覽器攔截。注意這里的超時時間不能太短，否則也會被攔截。我們會遇到想要彈出一個窗口，可是卻是在事件執(zhí)行后，才去彈出來的，這時就會被瀏覽器攔截，我們可以通過下面的方法來避免先用打開一個窗口，然后修改地址。 最近公司開發(fā)的一個項目，平凡用到下載各種類型的文件，但是例如.txt,.jpg,.pdf格式的文件呢瀏覽器會在當(dāng)前窗口直接打開，影響用戶體驗，嘗試各種方案和百...
閱讀 1426·2023-04-25 23:42
閱讀 3135·2021-11-19 09:40
閱讀 3620·2021-10-19 11:44
閱讀 3829·2021-10-14 09:42
閱讀 2032·2021-10-13 09:39
閱讀 3958·2021-09-22 15:43
閱讀 744·2019-08-30 15:54
閱讀 1528·2019-08-26 13:32
