javascript - domcontentloaded事件什么时候触发

问题描述

https://developers.google.com...

说是 domContentLoaded 一般表示 DOM 和 CSSOM 均准备就绪的时间点

js高程那本书p390页说不等待css文件下载完毕。

那么问题是到底等不等CSSOM就绪

问题解答

DOMContentLoaded只能绑定在window/document上。(DOM树不构建，window/document对象也有，所以绑定在他俩上有意义(看啥时候dom树构建完)；但绑定在普通元素上无意义，你先要选择该元素，既然能选择，它肯定构建完成了，如下：)

// 下述代码将不执行即无反应。document.querySelector(’#top’).addEventListener('DOMContentLoaded', function () { console.log(’top finished’);}, false);

DOMContentLoaded和load的区别

DOM文档加载的步骤为：

解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load