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

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

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

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

上有政策，下有對策，解決辦法為：

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

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

GPU云服務(wù)器云服務(wù)器 window open cdn的出現(xiàn)問題云主機(jī)可能出現(xiàn)的問題阿里云服務(wù)器容易出現(xiàn)的問題

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/110095.html

相關(guān)文章

JavaScript BOM——“window 對象”的注意要點

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

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

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

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

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

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

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

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

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

binta 2019-08-02 14:15 評論0 收藏0