關於window.onload，window.onbeforeload與window.onunload

★  window.onload  當頁面加載完畢的時候執行，即在當前頁面進行其他操作之前執行。如，剛進入某個網頁的彈窗提示。

(  與window.onload相近的可以參考我寫的另外一篇記錄“比較body.onload(function())、$(document).ready(function())與$(windows).load(function)”  )

 

★  window.onbeforeunload 與 window.onunload 的比較

window.onbeforedload 與 window.onunload的相同點：都是在刷新或關閉時調用 

 

測試代碼

1. <script>
3. window.onload =function(){
4. alert("window.onload is completed!");
5. };
7. window.onbeforeunload =function(){
8. return"window.onbeforeunload is triggered!";
9. };
10. window.onunload =function(){
11. alert("window.onunload is triggered!")
12. };
14. /*三個方法的執行順序是根據關聯的函數名來確定的，因此書寫順序並不會影響最終的執行效果*/
15. // 建議使用IE 11做測試效果比較好；
16. //在Chrome中，window.onbeforeunload的提示信息是無法自定義的，同時不支持window.onunload的執行。
18. </script>

 

 PS:  看了網上的好些比較onunload與onbeforeunload的資料，都是文字，感覺圖像來的更形象些，因此畫了上圖。

來自為知筆記(Wiz)