window.open在Safari瀏覽器出現的問題

leanote 發布于2019-08-26 17:04 / 1598人閱讀

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

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

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

假設使用了我在Vue中封裝的 動態Axios配置 演示發送post請求，其它使用回調函數的使用方法同理。

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

GPU云服務器云服務器 window open cdn的出現問題云主機可能出現的問題阿里云服務器容易出現的問題

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

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

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

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

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

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

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

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

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

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

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

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

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