window.open在Safari瀏覽器出現(xiàn)的問(wèn)題

leanote 發(fā)布于2019-08-26 17:04 / 1603人閱讀

摘要：在回調(diào)函數(shù)最常見(jiàn)的就是發(fā)送請(qǐng)求成功或者失敗回調(diào)函數(shù)中使用時(shí)，在瀏覽器會(huì)無(wú)效，原因是的安全機(jī)制將其阻擋了。上有政策，下有對(duì)策，解決辦法為假設(shè)使用了我在中封裝的動(dòng)態(tài)配置演示發(fā)送請(qǐng)求，其它使用回調(diào)函數(shù)的使用方法同理。

在回調(diào)函數(shù)(最常見(jiàn)的就是發(fā)送ajax請(qǐng)求成功或者失敗回調(diào)函數(shù))中使用window.open時(shí)，在Safari瀏覽器會(huì)無(wú)效，原因是Safari的安全機(jī)制將其阻擋了。

上有政策，下有對(duì)策，解決辦法為：

假設(shè)使用了我在Vue中封裝的 動(dòng)態(tài)Axios配置 演示發(fā)送post請(qǐng)求，其它使用回調(diào)函數(shù)的使用方法同理。

// 這個(gè)是模仿在Vue中，且使用了ES6，不使用則把let換為var便可
methods: {
   sendData() {
    let winOpen = window.open("", "_blank"); //首先打開(kāi)一個(gè)新頁(yè)面
    post("xx/xx/", data).then( res => {
        let link = res.link;
        setTimeout(function() {  //這里使用setTimeout非常重要，沒(méi)有將無(wú)法實(shí)現(xiàn)
            //原因是window.open會(huì)中斷正在執(zhí)行的進(jìn)程，這樣能保證其它代碼執(zhí)行完成再執(zhí)行這個(gè)。
          winOpen.location = link; //改變頁(yè)面的location
        }, 100);
      }, err => {
        console.log(err.msg);
      })
  }
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/110095.html

相關(guān)文章

JavaScript BOM——“window 對(duì)象”的注意要點(diǎn)

摘要：僅限數(shù)值表示新窗口的高度。一個(gè)字符串參數(shù)，并將其顯示給用戶(hù)，提供兩個(gè)按鈕，一個(gè)按鈕返回布爾值另一個(gè)按鈕返回布爾值。全局作用域 window 在是BOM 的核心對(duì)象，他是瀏覽器的一個(gè)實(shí)例。在全局作用域中聲明的變量、函數(shù)都會(huì)變成window 對(duì)象的屬性和方法。如： var age = 18; function sayAge(){ console.log(window.age);...

levius 2019-08-19 17:08 評(píng)論0 收藏0
window.open被瀏覽器攔截的解決方案

摘要：原因分析深入研究當(dāng)瀏覽器檢測(cè)到非用戶(hù)操作產(chǎn)生的新彈出窗口，則會(huì)對(duì)其進(jìn)行阻止。但是，被瀏覽器攔截我們代碼中要彈出的窗口并不是程序員所希望的。現(xiàn)象最近在做項(xiàng)目的時(shí)候碰到了使用window.open被瀏覽器攔截的情況，搞得人無(wú)比郁悶啊，雖然在自己的環(huán)境可以對(duì)頁(yè)面進(jìn)行放行，但是對(duì)用戶(hù)來(lái)說(shuō)，不能要求用戶(hù)都來(lái)通過(guò)攔截。何況當(dāng)出現(xiàn)攔截時(shí)，很多小白根本不知道發(fā)生了啥，不知道在哪里看被攔截的頁(yè)面，簡(jiǎn)...

rickchen 2019-08-02 15:33 評(píng)論0 收藏0
Web前端開(kāi)發(fā)過(guò)程踩過(guò)的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開(kāi)發(fā)對(duì)于文件的處理問(wèn)題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

張春雷 2019-08-30 15:55 評(píng)論0 收藏0
Web前端開(kāi)發(fā)過(guò)程踩過(guò)的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開(kāi)發(fā)對(duì)于文件的處理問(wèn)題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

arashicage 2019-08-23 15:13 評(píng)論0 收藏0
Web前端開(kāi)發(fā)過(guò)程踩過(guò)的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開(kāi)發(fā)對(duì)于文件的處理問(wèn)題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

binta 2019-08-02 14:15 評(píng)論0 收藏0