正文

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

IP云
IP云V管理员/5 阅读
06/20
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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