js中DOMContentLoaded和load的区别
2017-03-01 12:07
369 查看
如题;DOMContentLoaded和load都是页面加载的时候触发的事件。区别在于触发的时机不一样。
2.加载外部脚本和css文件。
3.解析并执行脚本代码。
4.DOM树构建完成。(此时会触发DOMContentLoaded事件)
5.加载外部图片等文件。
6.页面加载完毕。(此时会触发load事件)
从以上DOM文档加载步骤上可以看出;当浏览器把DOM树构建完成后就开始触发了DOMContentLoaded事件,而load事件则要等包括图片这些加载完毕才会触发。
我们监听事件的时候把优先级高的可以先监听DOMContentLoaded再监听load。
浏览器渲染页面DOM文档加载的步骤:
1.解析HTML结构。2.加载外部脚本和css文件。
3.解析并执行脚本代码。
4.DOM树构建完成。(此时会触发DOMContentLoaded事件)
5.加载外部图片等文件。
6.页面加载完毕。(此时会触发load事件)
从以上DOM文档加载步骤上可以看出;当浏览器把DOM树构建完成后就开始触发了DOMContentLoaded事件,而load事件则要等包括图片这些加载完毕才会触发。
我们监听事件的时候把优先级高的可以先监听DOMContentLoaded再监听load。
相关文章推荐
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- js中dom0级事件与dom2级事件的区别
- JQuery和js对dom节点操作的区别
- js中DOM, DOCUMENT, BOM, WINDOW 区别
- DOMContentLoaded与load的区别
- DOMContentLoaded与load的功能区别:
- JS的MVVM库和原生DOM的区别
- Ext.js5表单—有真实的load,submit行为的表单(reader在json.xml中record的区别)(49)
- html的加载事件DOMContentLoaded和load
- 关于HTML页面DOMContentLoaded和Window.onload区别
- JS/CSS/IMG加载顺序关系之DOMContentLoaded事件
- JS、CSS以及img对DOMContentLoaded事件的影响
- DOMContentLoaded和onload事件的区别