本篇內(nèi)容介紹了“javascript怎么監(jiān)聽頁面刷新和頁面關(guān)閉事件”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出白銀免費做網(wǎng)站回饋大家。

在我們的日常生活中，時常遇到這么一種情況，當(dāng)我們在點擊一個鏈接、關(guān)閉頁面、表單提交時等情況，會提示我們是否確認(rèn)該操作等信息。

這里就給大家講講javascript的onbeforeunload()和onunload()兩個事件。

相同點:

兩者都是在對頁面的關(guān)閉或刷新事件作個操作。

不同點：

1. unbeforeunload（）事件執(zhí)行的順序在onunload()事件之前發(fā)生。(因為，unbeforeunload()是在頁面刷新之前觸發(fā)的事件，而onubload()是在頁面關(guān)閉之后才會觸發(fā)的)。

2. unbeforeunload（）事件可以禁止onunload()事件的觸發(fā)。

3. onunload()事件是無法阻止頁面關(guān)閉的。

4. 瀏覽器的兼容

onunload:

IE6，IE7，IE8 中 刷新頁面、關(guān)閉瀏覽器之后、頁面跳轉(zhuǎn)之后都會執(zhí)行；

IE9 刷新頁面 會執(zhí)行，頁面跳轉(zhuǎn)、關(guān)閉瀏覽器不能執(zhí)行；

firefox(包括firefox3.6) 關(guān)閉標(biāo)簽之后、頁面跳轉(zhuǎn)之后、刷新頁面之后能執(zhí)行，但關(guān)閉瀏覽器不能執(zhí)行；

Safari 刷新頁面、頁面跳轉(zhuǎn)之后會執(zhí)行，但關(guān)閉瀏覽器不能執(zhí)行；

Opera、Chrome 任何情況都不執(zhí)行。

onbeforeunload:

IE、Chrome、Safari 完美支持

Firefox 不支持文字提醒信息

Opera 不支持

IE6,IE7會出現(xiàn)bug

示例代碼:

onbeforeunload()：

方式一:html元素中添加

該實例演示了如何向 body 元素添加 "onbeforeunload" 事件。
關(guān)閉當(dāng)前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
博客地址  

方式二:javascript中添加

該實例演示了如何使用 HTML DOM 向 body 元素添加 "onbeforeunload" 事件。
關(guān)閉當(dāng)前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
點擊調(diào)整到菜鳥教程

方式三:添加addEventListener()事件(不過此方法IE8以下不支持)

該實例演示了如何使用 addEventListener() 方法向 body 元素添加 "onbeforeunload" 事件。
關(guān)閉當(dāng)前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
跳轉(zhuǎn)地址

onunload():

方式一：html元素中添加

 
 
  function fun() {
   // dosomethings
  }
 

方式二：javascript添加

 
 
 window.onunload = function() {
  // dosomethings
 };
 

“javascript怎么監(jiān)聽頁面刷新和頁面關(guān)閉事件”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！