onbeforeunload

onbeforeunload 事件在即將離開當前頁面(刷新或關閉)時觸發。

該事件可用于彈出對話框，提示用戶是繼續瀏覽頁面還是離開當前頁面。

對話框默認的提示信息根據不同的瀏覽器有所不同，標準的信息類似 "確定要離開此頁嗎？"。該信息不能刪除。

但你可以自定義一些消息提示與標準信息一起顯示在對話框。

注意：?如果你沒有在

元素上指定 onbeforeunload 事件，則需要在 window 對象上添加事件，并使用 returnValue 屬性創建自定義信息(查看以下語法實例)。

注意：?在 Firefox 瀏覽器中，只顯示默認提醒信息(不顯示自定義信息)。

使用方法：

window.οnbefοreunlοad=function(){ return "你確定要離開嗎"; }

事件觸發的時候彈出一個有確定和取消的對話框，確定則離開頁面，取消則繼續待在本頁。當然你可以自定義提示文本。

那么，當我只需要在我離開時執行這個函數，而刷新的時候不執行，那怎么做呢？

window.onbeforeunload = function() {

var n = window.event.screenX - window.screenLeft;

var b = n & gt;

document.documentElement.scrollWidth - 20;

if (! (b & amp; & amp; window.event.clientY & lt; 0 || window.event.altKey)) {

//window.event.returnValue = "真的要刷新頁面么？";

//這里放置我想執行緩存的代碼 cacheFunction();

}

}

這樣，我離開頁面時，可以執行我的緩存代碼，而不彈出提示框，我刷新時也不彈出提示框，也不執行。值得一提的時，這個時候，將要ajax設置為同步，即：ajax里面的 async改為: false；

瀏覽器兼容情況

IE、Chrome、Safari?完美支持

Firefox?不支持文字提醒信息

Opera?不支持

onunload

onunload 事件在用戶退出頁面時發生。

使用方法和onbeforeunload類似

window.onunload = function(){ return "你確定要離開嗎" }

瀏覽器兼容情況

IE6，IE7，IE8?中 刷新頁面、關閉瀏覽器之后、頁面跳轉之后都會執行；

IE9?刷新頁面 會執行，頁面跳轉、關閉瀏覽器不能執行；

firefox(包括firefox3.6)?關閉標簽之后、頁面跳轉之后、刷新頁面之后能執行，但關閉瀏覽器不能執行；

Safari?刷新頁面、頁面跳轉之后會執行，但關閉瀏覽器不能執行；

Opera、Chrome?任何情況都不執行。

「夢想一旦被付諸行動，就會變得神圣，如果覺得我的文章對您有用，請幫助本站成長」

分享到：

打賞

謝謝你請我吃雞腿*^_^*

支付寶掃一掃打賞

微信掃一掃打賞

總結

以上是生活随笔為你收集整理的html页面退出用什么函数,离开网页弹窗函数onbeforeunload与onunload的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。