Wann wird das domcontentloaded-Ereignis ausgelöst?

Question

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

Sagte domContentLoaded gibt im Allgemeinen den Zeitpunkt an, zu dem sowohl DOM als auch CSSOM bereit sind

Seite 390 des js height-Buches sagt, dass man nicht warten soll, bis die CSS-Datei heruntergeladen ist.

Dann stellt sich die Frage, ob man warten soll, bis CSSOM fertig ist

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