Quand l'événement domcontentloaded se déclenche-t-il ?

Question

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

Dit domContentLoaded indique généralement le moment où DOM et CSSOM sont prêts

La page 390 du livre js height dit de ne pas attendre que le fichier css soit téléchargé.

La question est alors de savoir s'il faut attendre que le CSSOM soit prêt

Answer 1

DOMContentLoaded ne peut être lié qu'à une fenêtre/un document. (L'arborescence DOM n'est pas construite et il existe des objets fenêtre/document, donc leur liaison a du sens (cela dépend du moment où l'arborescence DOM est construite) ; mais la liaison à des éléments ordinaires n'a aucun sens. Vous devez d'abord sélectionner l'élément. Puisque vous pouvez sélectionner, il doit être construit comme suit :)

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

La différence entre DOMContentLoaded et Load

Les étapes de chargement des documents DOM sont :

解析HTML结构。

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

解析并执行脚本代码。

DOM树构建完成。//DOMContentLoaded

加载图片等外部文件。

页面加载完毕。//load