Pourquoi mettre les fichiers JavaScript en bas du HTML

La raison pour laquelle le fichier JavaScript est placé en bas du Html est que le navigateur l'exécutera après le chargement du fichier JS. A ce moment, s'il y a une opération sur le DOM dans le JS, le. DOM n'est peut-être pas encore chargé et une erreur se produira. De plus, étant donné que JS est peu utile pour l'affichage des pages, CSS doit être chargé en premier pour afficher la page le plus rapidement possible.

Il y a deux considérations à prendre en compte pour ce problème :

• S'il s'agit d'un js chargé en externe , C'est-à-dire que les js externes sont chargés via src. La raison pour laquelle le js appelé de cette manière est placé en bas est que le navigateur affiche la page Web de haut en bas. La page est ce que l'utilisateur peut voir et ressentir intuitivement. le code js C'est quelque chose que les utilisateurs ne peuvent pas voir et appartient aux "dans les coulisses". Si vous placez les éléments "dans les coulisses" en bas, la page que l'utilisateur peut voir se chargera plus rapidement, ce qui lui donnera l'impression que la page s'ouvre rapidement, améliorant ainsi l'expérience utilisateur.

• js est généralement utilisé pour faire fonctionner le DOM de la page. Si le code js est placé en haut de la page, en fonction du mécanisme de chargement du navigateur de haut en bas, il y a Nœuds DOM pouvant être manipulés Avant que le chargement ne soit terminé, JS fonctionnera sur le DOM, ce qui provoquera évidemment des erreurs. Il sera plus sûr de le mettre en bas de page.

La principale considération est la première. La seconde est maintenant de garantir à 100 % que l'arborescence DOM est rendue et que JS est exécuté. utilisé.

Tutoriel recommandé : "Tutoriel JS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!