問(wèn)題描述

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

說(shuō)是 domContentLoaded 一般表示 DOM 和 CSSOM 均準(zhǔn)備就緒的時(shí)間點(diǎn)

js高程那本書(shū)p390頁(yè)說(shuō)不等待css文件下載完畢。

那么問(wèn)題是到底等不等CSSOM就緒

問(wèn)題解答

DOMContentLoaded只能綁定在window/document上。(DOM樹(shù)不構(gòu)建，window/document對(duì)象也有，所以綁定在他倆上有意義(看啥時(shí)候dom樹(shù)構(gòu)建完)；但綁定在普通元素上無(wú)意義，你先要選擇該元素，既然能選擇，它肯定構(gòu)建完成了，如下：)

// 下述代碼將不執(zhí)行即無(wú)反應(yīng)。document.querySelector(’#top’).addEventListener('DOMContentLoaded', function () { console.log(’top finished’);}, false);

DOMContentLoaded和load的區(qū)別

DOM文檔加載的步驟為：

解析HTML結(jié)構(gòu)。加載外部腳本和樣式表文件。解析并執(zhí)行腳本代碼。DOM樹(shù)構(gòu)建完成。//DOMContentLoaded加載圖片等外部文件。頁(yè)面加載完畢。//load