javascript - domcontentloaded事件什么时候触发

Question

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

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

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

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

Answer 1

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