《 JavaScript&jQuery交互式Web前端开发》读书笔记二：各种页面加载事件的区别

最新推荐文章于 2020-04-13 11:18:38 发布

何日成熟

最新推荐文章于 2020-04-13 11:18:38 发布

阅读量1k

点赞数

分类专栏：读书笔记

本文链接：https://blog.csdn.net/u013836242/article/details/52912555

版权

读书笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

                    
                    事件类型触发详解备注
loadUI事件web页面加载完成时触发，也可用于其他节点的加载事件页面加载完HTML内容及其中所有资源后，window对象自动触发这个事件因为加载完所有内容后才触发事件，所有用户可能在脚本运行之前就开始使用这个页面了
DOMContentLoadedHTML5事件DOM树形成后触发，可被附加到window或document对象中在此事件中，脚本运行要早于load事件这种方式会让页面看起来加载速度更快，但因为不等待脚本加载完成，DOM树种不会包含由脚本生成的HTML内容
 
jQuery中的.load()和.ready()方法就跟上面两个差不多

事件	类型	触发	详解	备注
load	UI事件	web页面加载完成时触发，也可用于其他节点的加载事件	页面加载完HTML内容及其中所有资源后，window对象自动触发这个事件	因为加载完所有内容后才触发事件，所有用户可能在脚本运行之前就开始使用这个页面了
DOMContentLoaded	HTML5事件	DOM树形成后触发，可被附加到window或document对象中	在此事件中，脚本运行要早于load事件	这种方式会让页面看起来加载速度更快，但因为不等待脚本加载完成，DOM树种不会包含由脚本生成的HTML内容