document.ready和onload的区别

Posted 2021-03-12 -ting

DOM 文档加载步骤：

1. 解析 html 结构
2. 加载外部的脚本和样式文件
3. 解析并执行脚本代码
4. 执行 $(function(){}) 内对应代码
5. 加载图片等二进制资源
6. 页面加载完毕，执行 window.onload

 

页面加载完成有两种事件 
一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件） 
二是onload，指示页面包含图片等文件在内的所有元素都加载完成。

例如：

 

 

 

 参考博客链接：https://www.cnblogs.com/eric-qin/p/4325750.html