Bilakah peristiwa domcontentloaded berlaku?

Question

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

Kata domContentLoaded secara amnya menunjukkan titik masa apabila kedua-dua DOM dan CSSOM sudah sedia

Halaman 390 buku ketinggian js mengatakan jangan tunggu fail css dimuat turun.

Maka persoalannya ialah sama ada perlu menunggu sehingga CSSOM siap

Answer 1

DOMContentLoaded hanya boleh diikat pada tetingkap/dokumen. (Pokok DOM tidak dibina, dan terdapat objek tetingkap/dokumen, jadi mengikat padanya masuk akal (ia bergantung pada bila pokok DOM dibina); tetapi mengikat kepada elemen biasa tidak bermakna. Anda mesti memilih elemen terlebih dahulu. Memandangkan anda boleh Pilih, ia mesti dibina, seperti berikut:)

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

Perbezaan antara DOMContentLoaded dan load

Langkah-langkah untuk memuatkan dokumen DOM ialah:

解析HTML结构。

加载外部脚本和样式表文件。

解析并执行脚本代码。

DOM树构建完成。//DOMContentLoaded

加载图片等外部文件。

页面加载完毕。//load