1.onload事件

onload，页面加载后执行，所谓页面加载完成，指页面上所有的元素创建完毕，引用的所有的外部资源（js、css、图片）等下载完毕。

所以onload执行的比较晚，因为如果页面上有好多好多图片，它需要等这些图片完成下载后才能执行。而写在body后的< script >< /script >中的代码，它会在页面上的元素创建完毕后就会执行。

onload不光可以用来判断页面是否加载完成了，所有的元素的都有onload事件。它还可以用来在标签上设置标签加载完成事件。

比如：< img scr='xxx' onload=function(){} />，当标签加载完成了就可以做一件事情。可以给该标签一个临时图片，当该标签加载完成后，给它切换另一个标签。

2.onunload事件

onunload页面卸载时候执行，在onunload中，所有的对话框都无法使用，因为页面被卸载，windows对象会被冻结，阻止类似alert()这种对话框的执行。

F5刷新的时候：

首先把页面卸载

然后把页面重新加载

当然，在关闭网页的时候，也会发生onunload事件，可以在onunload中做一点事情，类似清空购物车等客户不知道的操作。

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/1819