关于window.onload，window.onbeforeload与window.onunload

Posted 2020-08-15 Jener_Yan

★  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)