日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Javascript如何監(jiān)聽頁面刷新和關(guān)閉事件

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

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的防城網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

相同點:

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

不同點：

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

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

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

瀏覽器的兼容

onunload:

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

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

firefox(包括firefox3.6) 關(guān)閉標簽之后、頁面跳轉(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元素中添加

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.   
    9. 
  
  
  
  
  9. 該實例演示了如何向 body 元素添加 "onbeforeunload" 事件。
     
    10. 
  
  
  
  
  10. 關(guān)閉當前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
     
    11. 
  
  
  
  
  11. 博客地址      
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13.   
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15.  
    16.

方式二:javascript中添加

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5. 菜鳥教程(runoob.com) 
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.   
    9. 
  
  
  
  
  9. 該實例演示了如何使用 HTML DOM 向 body 元素添加 "onbeforeunload" 事件。
     
    10. 
  
  
  
  
  10. 關(guān)閉當前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
     
    11. 
  
  
  
  
  11. 點擊調(diào)整到菜鳥教程 
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13.   
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15.  
    16.

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

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.   
    9. 
  
  
  
  
  9. 該實例演示了如何使用 addEventListener() 方法向 body 元素添加 "onbeforeunload" 事件。
     
    10. 
  
  
  
  
  10. 關(guān)閉當前窗口，按下 F5 或點擊以下鏈接觸發(fā) onbeforeunload 事件。
     
    11. 
  
  
  
  
  11. 跳轉(zhuǎn)地址 
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13.   
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15.  
    16.

onunload():

方式一：html元素中添加

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.      
    5. 
  
  
  
  
  5.      
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.   
    9. 
  
  
  
  
  9.  
    10. 
  
  
  
  
  10.  
    11.

方式二：javascript添加

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.   
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5.      
    6. 
  
  
  
  
  6.      
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8.   
    9. 
  
  
  
  
  9.  
    10. 
  
  
  
  
  10.  
    11. 
  
  
  
  
  11.   
    12. 
  
  
  
  
  12.  
    13.

【本文為專欄作者“太平洋警察”的原創(chuàng)稿件，轉(zhuǎn)載請通過作者獲取授權(quán)】


當前名稱：Javascript如何監(jiān)聽頁面刷新和關(guān)閉事件
網(wǎng)頁URL：http://www.5511xx.com/article/djscjjg.html