您好,登錄后才能下訂單哦!
onunload,onbeforeunload 在頁面刷新或關閉時調用,區別在于:
onbeforeunload 是在頁面刷新或關閉前觸發,這時瀏覽器并未請求服務器讀取新頁面,因此onbeforeunload是可以阻止頁面更新或關閉的。
onunload
也是在頁面刷新或關閉時觸發,不過這時瀏覽器已經向服務器請求讀取新頁面,因此onunload是無法阻止頁面更新或關閉的。
事件觸發時會彈出一個有確定和取消的對話框,確定后才會執行后續事件,否則繼續留在本頁。
觸發于:
關閉瀏覽器窗口
通過地址欄或收藏夾前往其他頁面的時候
點擊返回,前進,刷新,主頁其中一個的時候
點擊 一個前往其他頁面的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
平臺支持:IE,Firefox,Chrome,Safari。Opera暫不支持。
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 刷新與離開頁面檢測 </title> </head> <body> <script type="text/javascript"> window.onbeforeunload = function(){ return '你的文章尚未保存'; } </script> </body> </html>
事件觸發時,會彈出一個只有確定的對話框,點確定后執行后續事件。
觸發于:
關閉瀏覽器窗口
通過地址欄或收藏夾前往其他頁面的時候
點擊返回,前進,刷新,主頁其中一個的時候
點擊 一個前往其他頁面的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的表單的時候。
平臺支持:只有IE,其他都不支持。
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 刷新與離開頁面檢測 </title> </head> <body> <script type="text/javascript"> window.onunload = function(){ alert('謝謝下次再來'); } </script> </body> </html>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。