用js判斷頁面刷新或關閉的方法(onbeforeunload與onunload事件)_javascript技巧
- WBOY原創
- 2016-05-16 17:52:181320瀏覽
Onunload，onbeforeunload都是在刷新或關閉時調用，可以在<script>腳本中透過window.onunload來指定或在<body>裡指定。差別在於onbeforeunload在onunload之前執行，它也可以阻止onunload的執行。 <BR> Onbeforeunload也是在頁面刷新或關閉時調用，Onbeforeunload是正要去伺服器讀取新的頁面時調用，此時還沒開始讀取；而onunload則已經從伺服器上讀到了需要加載的新的頁面，在即將替換掉當前頁面時調用。 Onunload是無法封鎖頁面的更新和關閉的。而 Onbeforeunload 可以做到。 <br><br>頁面載入時只執行onload <BR>頁面關閉時先執行onbeforeunload，最後onunload <BR>頁面刷新時先執行onbeforeunload，然後onunload，最後onload。 <br><br><STRONG>1、onbeforeunload事件： <BR> 說明：目前三大主流瀏覽器中firefox和IE都支援onbeforeunload事件,opera尚未支援。 <BR> 用法： <BR> ·object.onbeforeunload = handler <BR> ·<element onbeforeunload = 「handler」 … > < 〜〜『對話框，確定則離開頁面，取消則繼續留在本頁。 handler可以設一個回傳值作為該對話框的顯示文字。 <BR><BR> 觸發於： <br> ·關閉瀏覽器視窗<br> ·透過網址列或收藏夾前往其他頁面的時候<BR> ·透過網址列或收藏夾前往其他頁面的時候<BR> ·透過網址列或收藏夾前往其他頁面的時候<BR> ·透過網址列或收藏夾前往其他頁面的時候<BR> > ·點擊一個前往其他頁面的url連接的時候<BR> ·呼叫以下任一個事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,lole, close, recation, form submit. <BR> ·當用window open開啟一個頁面，並把本頁的window的名字傳給要開啟的頁面的時候。 <BR> ·重新賦予location.href的值的時候。 <BR> ·透過input type=”submit」按鈕提交一個有指定action的表單的時候。 <BR> 可以用在以下元素： <BR> ·BODY, FRAMESET, window <BR> 平台支援： <BR> IE4 /Win, Mozilla 1.7 」範例 <3. 🎜><BR><BR><div class="codetitle"><span>複製程式碼<a style="CURSOR: pointer" data="88705" class="copybut" id="copybut88705" onclick="doCopy('code88705')"><U>複製程式碼<div class="codebody" id="code88705"> 程式碼如下:<BR><BR> <BR> <html xmlns="http://www.w3.org/1999 /xhtml"> <BR> <head> <BR> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <BR> 🎜> <script> <BR> function checkLeave(){ <BR> event.returnValue="確定離開目前頁數嗎？"; <🀜> 〜 〜 〜 〜 㜀 㜀 㜀 㜀 㜀 㜀㜀 ]]] 㜀㜀㜀》}]] 〜 㜀 㜀㜀㜀〜}] 㜀 㜀 㜀㜀㜀㜀) <BR> <body onbeforeunload="checkLeave()"> <BR> </script>