瀏覽器阻止新視窗(window.open或新窗的form提交)

來源:互聯網
上載者:User

在寫js時,經常會出現瀏覽器會阻止用js寫的window.open代碼,但是,又不是每次都會阻止,它只會阻止特定情況下的window.open。因為如果瀏覽器預設都阻止window.open代碼是不現實的,所以觀察chrome瀏覽器對window.open阻止情況的總結如下:
瀏覽器不會阻止使用者主動發起的window.open方法;瀏覽器一般都會阻止非使用者主動發起的window.open。
這裡有一個問題,什麼叫使用者主動發起。
如下代碼在執行過程中就是使用者主動發起
http://www.baidu.com‘,’_blank’);”>百度
如下代碼在執行過程中會被認為非使用者主動發起:
http://www.baidu.com‘,’_blank’)},2000);”>百度
也就是說,使用者觸發一個事件後,事件處理函數所執行的window.open會被認為是合理的不會被阻止;但是,如果是由非同步方式再執行window.open 會被瀏覽器阻止,因為瀏覽器認為不是由使用者主支發起的,而是js代碼自己發起的。這裡就涉及到js前端代碼經常會用到的ajax調用了,如果用到ajax時用的是非同步執行(預設都是非同步執行),那麼就會經常出現window.open會被阻止。解決的方法是把ajax設定成同步。
$.ajax({
async: false, //就是設定這個最為關鍵的ajax同步
type: ‘POST’,
url: ctx + “/sales/submitBank”,
data: orderPost,
success: function(datas){
result = datas;
}
});
以上描述同樣適用於form提交
Dwr可以直接改寫參數:
async:false即可

轉自:點擊

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.