javascript--BOM的onload事件和onunload事件

1.onload事件

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

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

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

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

 

广州vi设计http://www.maiqicn.com 办公资源网站大全 https://www.wode007.com

2.onunload事件

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

F5刷新的时候：

首先把页面卸载

然后把页面重新加载

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