| Onunload，onbeforeunload都是在重新整理或關閉時調用，可以在<script>腳本中通過window.onunload來指定或者在<body>裡指定。差別在于onbeforeunload在onunload之前執行，它還可以阻止onunload的執行。 Onbeforeunload也是在頁面重新整理或關閉時調用，Onbeforeunload是正要去伺服器讀取新的頁面時調用，此時還沒開始讀取；而onunload則已經從伺服器上讀到了需要加載的新的頁面，在即将替換掉目前頁面時調用。Onunload是無法阻止頁面的更新和關閉的。而 Onbeforeunload 可以做到。 頁面加載時隻執行onload 頁面關閉時先執行onbeforeunload，最後onunload 頁面重新整理時先執行onbeforeunload，然後onunload，最後onload。 1、onbeforeunload事件： 說明：目前三大主流浏覽器中firefox和IE都支援onbeforeunload事件,opera尚未支援。 用法： ·object.onbeforeunload = handler ·<element onbeforeunload = “handler” … ></element> 描述： 事件觸發的時候彈出一個有确定和取消的對話框，确定則離開頁面，取消則繼續待在本頁。handler可以設一個傳回值作為該對話框的顯示文本。 觸發于： ·關閉浏覽器視窗 ·通過位址欄或收藏夾前往其他頁面的時候 ·點選傳回，前進，重新整理，首頁其中一個的時候 ·點選 一個前往其他頁面的url連接配接的時候 ·調用以下任意一個事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit. ·當用window open打開一個頁面，并把本頁的window的名字傳給要打開的頁面的時候。 ·重新賦予location.href的值的時候。 ·通過input type=”submit”按鈕送出一個具有指定action的表單的時候。 可以用在以下元素： ·BODY, FRAMESET, window 平台支援： IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+ 示例： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>onbeforeunload測試</title> <script> function checkLeave(){ event.returnValue="确定離開目前頁面嗎？"; } </script> </head> <body onbeforeunload="checkLeave()"> </body> </html> 2、onunload事件 ·<element onbeforeunload = "handler"></element> 描述： 當使用者關閉一個頁面時觸發 onunload 事件。 | 
![8個道理，讓你的程式人生受益終生[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)