码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2016-10-20 22:06:12      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

★  window.onload  当页面加载完毕的时候执行,即在当前页面进行其他操作之前执行。如,刚进入某个网页的弹窗提示。

(  与window.onload相近的可以参考我写的另外一篇记录“比较body.onload(function())、$(document).ready(function())与$(windows).load(function)”  )

 

★  window.onbeforeunload 与 window.onunload 的比较

window.onbeforedload 与 window.onunload的相同点:都是在刷新或关闭时调用 

技术分享

 
测试代码
  1. <script>
  2. window.onload =function(){
  3. alert("window.onload is completed!");
  4. };
  5. window.onbeforeunload =function(){
  6. return"window.onbeforeunload is triggered!";
  7. };
  8. window.onunload =function(){
  9. alert("window.onunload is triggered!")
  10. };
  11. /*三个方法的执行顺序是根据关联的函数名来确定的,因此书写顺序并不会影响最终的执行效果*/
  12. // 建议使用IE 11做测试效果比较好;
  13. //在Chrome中,window.onbeforeunload的提示信息是无法自定义的,同时不支持window.onunload的执行。
  14. </script>
 
 PS:  看了网上的好些比较onunload与onbeforeunload的资料,都是文字,感觉图像来的更形象些,因此画了上图。





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

标签:

原文地址:http://www.cnblogs.com/Jener/p/5982522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!