Im Anschluss an den vorherigen Artikel „Einführung in die Browser-Rendering-Prinzipien“ geht es in diesem Artikel um das Laden und Ausführen von JavaScript.
Im Allgemeinen verfügen Browser über zwei Hauptfunktionen zum Ausführen von JavaScript:
1) Sofort nach dem Laden ausführen
2 ) Wird nachfolgend blockiert Inhalt der Seite (einschließlich Seitenrendering und Download anderer Ressourcen) bei Ausführung
Wenn also mehrere JS-Dateien eingeführt werden, werden diese JS-Dateien für den Browser nacheinander geladen und nacheinander ausgeführt ein anderer.
Da JavaScript möglicherweise den DOM-Baum von HTML-Dokumenten verwaltet, laden Browser im Allgemeinen JS-Dateien nicht parallel herunter, wie sie CSS-Dateien parallel herunterladen. Dies liegt an der Besonderheit von JS-Dateien. Wenn Ihr JavaScript die nachfolgenden DOM-Elemente bedienen möchte, meldet der Browser daher eine Fehlermeldung, dass das Objekt nicht gefunden werden kann. Dies liegt daran, dass der nachfolgende HTML-Code blockiert wird, wenn JavaScript ausgeführt wird, und beim Betrieb des DOM keine nachfolgenden Knoten vorhanden sind Baum.
Der traditionelle Weg
Wenn Sie Code wie diesen schreiben:
<script type="text/javascript" src="http://coolshell.cn/asyncjs/alert.js"></script>
Grundlegend Im Allgemeinen blockiert das
