事件DOMContentLoaded和load的区别
2017-06-14 09:45
330 查看
他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。
DOM文档加载的步骤为
解析HTML结构。
加载外部脚本和样式表文件。
解析并执行脚本代码。
DOM树构建完成。//DOMContentLoaded
加载图片等外部文件。
页面加载完毕。//load
在第4步,会触发
用原生js可以这么写
DOM文档加载的步骤为
解析HTML结构。
加载外部脚本和样式表文件。
解析并执行脚本代码。
DOM树构建完成。//DOMContentLoaded
加载图片等外部文件。
页面加载完毕。//load
在第4步,会触发
DOMContentLoaded事件。在第6步,触发 load 事件。
用原生js可以这么写
document.addEventListener("DOMContentLoaded", function() { // ...代码... }, false); window.addEventListener("load", function() { // ...代码... }, false);
相关文章推荐
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- DOMContentLoaded和onload事件的区别
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- html的加载事件DOMContentLoaded和load
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- DOMContentLoaded事件与load事件
- DOM标准与IE的html元素事件模型区别
- Page_Init和Page_Load事件的区别
- DOM的addEventListener事件与IE的attachEvent事件的区别
- Query内ready与load事件的区别
- Dom Ready 和 Dom Load 的区别
- 好好学一遍JavaScript 笔记(十)——IE跟DOM事件函数区别
- 对于原生态的addEventListener与jqueryDOM操作对于事件处理的区别
- domload事件绑定方法
- Window.onLoad 和 DOMContentLoaded事件的先后顺序