Heim  >  Artikel  >  Web-Frontend  >  Warum JavaScript-Dateien am Ende von HTML platzieren?

Warum JavaScript-Dateien am Ende von HTML platzieren?

hzc
hzcOriginal
2020-06-28 11:50:592659Durchsuche

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.

Warum JavaScript-Dateien am Ende von HTML platzieren?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn