Suite à l'article précédent "Introduction aux principes de rendu du navigateur", cet article parle du chargement et de l'exécution de JavaScript.
De manière générale, les navigateurs disposent de deux fonctionnalités principales pour exécuter JavaScript :
1) Exécuter immédiatement après le chargement
2 ) bloquera les versions ultérieures contenu de la page (y compris le rendu de la page et le téléchargement d'autres ressources) une fois exécuté
Ainsi, si plusieurs fichiers JS sont introduits, alors pour le navigateur, ces fichiers JS seront chargés en série et exécutés un après un autre.
Étant donné que JavaScript peut faire fonctionner l'arborescence DOM des documents HTML, les navigateurs ne téléchargent généralement pas les fichiers JS en parallèle comme ils téléchargent les fichiers CSS en parallèle. Cela est dû à la particularité des fichiers JS. Par conséquent, si votre JavaScript souhaite faire fonctionner les éléments DOM suivants, le navigateur signalera une erreur indiquant que l'objet est introuvable. En effet, le code HTML suivant est bloqué lors de l'exécution de JavaScript et il n'y a aucun nœud suivant lors de l'exécution du DOM. arbre.
La manière traditionnelle
Quand vous écrivez du code comme celui-ci :
<script type="text/javascript" src="http://coolshell.cn/asyncjs/alert.js"></script>
Basique En général, la balise
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
