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