js 文档就绪事件(ready、onload)

基本说明

页面加载完成有两种事件:

  • ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
  • onload,指示页面包含图片等文件在内的所有元素都加载完成。

详细说明

document.ready
  • jquer 里等价于 $(document).ready(function(){}) 或是简写形式 $(fucntion(){})
  • 作用:在 document 文档完成后就可以可以对 dom 进行操作。
  • 一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。
  • 那么 document.ready 应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作 dom 了。
document.onload
  • 作用:在 document 文档加载完成后就可以可以对 dom 进行操作,document 文档包括了加载图片等其他信息。
  • 那么 document.onload 就是在页面响应加载的顺序中的“加载图片等其他信息”之后,才可以操作 dom 了。
------------- 本文结束 感谢您的阅读 -------------

本文标题:js 文档就绪事件(ready、onload)

文章作者:水中熊

发布时间:2018年06月12日 - 18:06

最后更新:2018年06月12日 - 18:06

原始链接:https://shuizhongxiong.github.io/js-ready.html

许可协议: 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。 转载请保留原文链接及作者。

🌹坚持原创技术分享,您的支持将鼓励我继续创作!🌹
0%