Zuerst möchte ich über das Laden und Ausführen von Javascript sprechen. Im Allgemeinen weisen Browser zwei Hauptmerkmale für die Ausführung von Javascript auf: 1) Es wird unmittelbar nach dem Laden ausgeführt, 2) wenn es ausgeführt wird, blockiert es den nachfolgenden Inhalt der Seite (einschließlich der Darstellung der Seite und des Herunterladens anderer Ressourcen). Wenn daher mehrere JS-Dateien eingeführt werden, werden diese JS-Dateien für den Browser seriell geladen und nacheinander ausgeführt.
Da Javascript möglicherweise den DOM-Baum des HTML-Dokuments betreibt, laden Browser im Allgemeinen JS-Dateien nicht parallel herunter, wie sie CSS-Dateien parallel herunterladen, da dies durch die Besonderheit von JS-Dateien verursacht wird. Wenn Ihr Javascript also die nachfolgenden DOM-Elemente bedienen möchte, meldet der Browser grundsätzlich eine Fehlermeldung, dass das Objekt nicht gefunden werden kann. Denn wenn Javascript ausgeführt wird, wird das nachfolgende HTML blockiert und es gibt keinen nachfolgenden DOM-Knoten im DOM-Baum. Das Programm hat also einen Fehler gemeldet.
Traditionelle Methode
Wenn Sie also den folgenden Code in den Code schreiben:
<scripttype="text/javascript" src="http://coolshell.cn/asyncjs/alert.js"></script>
Im Grunde ist das
Sie wissen also, warum viele Websites Javascript am Ende der Webseite einfügen oder Ereignisse wie window.onload oder docmuemt ready verwenden.
Da die meisten Javascript-Codes nicht auf die Seite warten müssen, verfügen wir außerdem über eine asynchrone Ladefunktion. Wie laden wir also asynchron?
document.write-Methode
Sie denken vielleicht, dass document.write() das Problem ohne Blockierung lösen kann. Natürlich würden Sie denken, dass Sie nach document.write das
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
