window.onload，body onload，document.onreadystatechange

最新推荐文章于 2022-05-26 16:54:21 发布

wukongk

最新推荐文章于 2022-05-26 16:54:21 发布

阅读量533

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/u013742084/article/details/51614401

javascript 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了网页中不同类型的页面加载事件及其应用场景。主要包括 window.onload 事件，用于在页面所有资源加载完成后触发；body.onload 事件，用于在文档加载完成后执行脚本；以及 document.onreadystatechange 事件，用于监测页面加载的状态变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、window.onload 页面全部加载完成，甚至包括图片

2、body.onload 等doucment加载完成再加载相应的脚本

3、document.onreadystatechange 当页面加载状态改变的时候执行这个方法。

document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. 
<span style="white-space:pre">	</span>function subSomething() 
<span style="white-space:pre">	</span>{ 
<span style="white-space:pre">		</span>if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入 
<span style="white-space:pre">		</span>//你要做的操作。 
<span style="white-space:pre">	</span>} 
   }