Warum JavaScript-Dateien am Ende von HTML platzieren?

Der Grund, warum die JavaScript-Datei am Ende des HTML-Codes platziert wird, liegt darin, dass der Browser sie nach dem Laden der JS-Datei ausführt. Wenn zu diesem Zeitpunkt eine Operation im DOM im JS ausgeführt wird, wird die DOM ist möglicherweise noch nicht geladen und es tritt ein Fehler auf. Da JS für die Seitenanzeige von geringem Nutzen ist, sollte CSS zuerst geladen werden, um die Seite so schnell wie möglich anzuzeigen.

Für dieses Problem gibt es zwei Überlegungen:

• Wenn es sich um extern geladenes js handelt Das heißt, über src geladene externe JS werden unten platziert, weil der Browser die Webseite von oben nach unten rendert. Die Seite ist das, was der Benutzer sehen und intuitiv fühlen kann der js-Code Es ist etwas, das Benutzer nicht sehen können und zu den Dingen „hinter den Kulissen“ gehören. Wenn Sie die Dinge „hinter den Kulissen“ unten platzieren, wird die Seite, die der Benutzer sehen kann, schneller geladen, sodass der Benutzer dies spürt Die Seite wird schnell geöffnet, was die Benutzererfahrung verbessert.

• js wird im Allgemeinen zum Betreiben des DOM der Seite verwendet, wenn der js-Code basierend auf dem Lademechanismus des Browsers von oben nach unten platziert wird DOM-Knoten, die manipuliert werden können, werden von JS bearbeitet, was offensichtlich zu Fehlern führt. Es ist sicherer, sie am Ende der Seite zu platzieren.

Die erste Überlegung besteht nun darin, 100 % sicherzustellen, dass der DOM-Baum gerendert wird und JS grundsätzlich verwendet wird.

Empfohlenes Tutorial: „JS-Tutorial“

Das obige ist der detaillierte Inhalt vonWarum JavaScript-Dateien am Ende von HTML platzieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!