Wo sollte ich <script>-Tags in HTML-Markup einfügen?

Question

Wo sollte ich <script>-Tags in HTML-Markup einfügen?

Gefragt el 12 de Januar, 2009: Wann wurde die Frage gestellt
703235 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Wenn Sie JavaScript in ein HTML-Dokument einbetten, wo ist der richtige Platz für die <script> Tags und eingebundenes JavaScript? Ich glaube mich zu erinnern, dass man diese nicht in die <head> Abschnitt, sondern am Anfang der <body> Abschnitt ist ebenfalls schlecht, da das JavaScript geparst werden muss, bevor die Seite vollständig gerendert wird (oder so ähnlich). Dies scheint die Ende der <body> Abschnitt als logischen Ort für <script> Tags.

Also, wo es der richtige Ort für die Unterbringung der <script> Tags?

(Diese Frage bezieht sich auf diese Frage in der vorgeschlagen wurde, dass JavaScript-Funktionsaufrufe von <a> Tags zu <script> Tags. Ich bin speziell mit jQuery, aber allgemeinere Antworten sind auch angemessen).

Gefragt el 12 de Januar, 2009 von mipadi

1 Stimmen

Falls du auch nur nach einer einfachen Lösung suchst und einen serverseitigen Generator wie Jekyll verwendest, empfehle ich dir, das Skript mit einzubinden. Das ist viel einfacher!

Kommentiert el 20 de September, 2019 von cregox

3 Stimmen

Wenn Sie von einer Suchmaschine kommen und danach suchen: Viele der Antworten sind nicht eindeutig genau die Stelle, an der das "Skript-Tag" am Ende stehen sollte . Wenn das "script"-Tag après </body>', führt die HTML-Validierung zu folgenden Ergebnissen _" Fehler: Skript mit falschem Start-Tag " (Option ankreuzen "Quelle" und klicken Sie "prüfen"_ um den HTML-Quelltext zu sehen). Es sollte sein antes de </body>'. (Das Ergebnis ist ähnlich, wenn das "script"-Tag ganz am Ende steht, nach dem </html> Tag.)

Kommentiert el 21 de November, 2021 von Peter Mortensen

1 Stimmen

Dies wird auch behandelt in Ist es falsch, den <script>-Tag nach dem </body>-Tag zu platzieren? .

Kommentiert el 21 de November, 2021 von Peter Mortensen

Anzeigen 1 weitere Kommentare

Answer 1

5 Antworten

Answer 2

2voto

Tech AG Punkte 56

Sie können die meisten der <script> Referenzen am Ende von <body> .

Aber wenn aktive Komponenten auf Ihrer Seite vorhanden sind, die externe Skripte verwenden, dann sollten deren Abhängigkeiten (.js-Dateien) davor stehen (idealerweise in der Kopf Tag).

Beantwortet el 27 de Januar, 2017 von Tech AG (56 Punkte )

Answer 3

2voto

nada diaa Punkte 129

Der beste Ort, um Ihren JavaScript-Code zu schreiben, ist am Ende des Dokuments nach oder direkt vor der </body> Tag, um zuerst das Dokument zu laden und dann den JavaScript-Code auszuführen.

<script> ... your code here ... </script>
</body>

Und wenn Sie schreiben jQuery kann folgendes im Kopfdokument stehen und wird nach dem Laden des Dokuments ausgeführt:

<script>
    $(document).ready(function(){
        // Your code here...
    });
</script>

Beantwortet el 28 de Oktober, 2017 von nada diaa (129 Punkte )

0 Stimmen

Es wirft SyntaxError

Kommentiert el 25 de Oktober, 2018 von Raz

0 Stimmen

Ihre Antwort war nicht falsch, aber sie bedurfte dringend einer Aktualisierung.

Kommentiert el 3 de Juni, 2020 von Paul Carlton

0 Stimmen

Es ist keine gute Idee, die Skripte an das Ende des Body- oder HTML-Codes zu setzen. Es ist gängige Praxis, diese Art von Metainformationen genau dort zu platzieren, wo sie hingehören: im Kopf.

Kommentiert el 28 de April, 2021 von theking2

Anzeigen 1 weitere Kommentare

Answer 4

1voto

Nicht registrierter Benutzer Punkte 0

Wenn Ihnen die Unterstützung und Leistung des Internet Explorer noch wichtig ist, bevor Sie Version 10 ist es am besten, wenn immer Machen Sie Ihre Skript-Tags zu den letzten Tags Ihres HTML-Körpers. Auf diese Weise können Sie sicher sein, dass der Rest des DOM geladen wurde, und Sie werden nicht blockieren und rendern.
Wenn Sie sich nicht mehr allzu sehr um den Internet Explorer vor Version 10 kümmern, sollten Sie Ihre Skripte in den Kopf Ihres Dokuments setzen und die defer um sicherzustellen, dass sie erst ausgeführt werden, nachdem Ihr DOM geladen wurde ( <script type="text/javascript" src="path/to/script1.js" defer></script> ). Wenn Sie möchten, dass Ihr Code auch im Internet Explorer vor Version 10 funktioniert, vergessen Sie nicht, Ihren Code in eine window.onload Aber eben!

Beantwortet el 20 de Januar, 2016 von Nicht registrierter Benutzer (0 Punkte )

1 Stimmen

In der akzeptierten Antwort wird dies als "antiquierte Empfehlung" bezeichnet. Wenn Sie diese Empfehlung immer noch ernst meinen, sollten Sie vielleicht einen Beleg dafür anführen.

Kommentiert el 20 de Januar, 2016 von dakab

Answer 5

1voto

Amit Mhaske Punkte 411

Ich denke, es hängt von der Ausführung der Webseite ab.

Wenn die Seite, die Sie anzeigen möchten, nicht richtig angezeigt werden kann, ohne dass vorher JavaScript geladen wird, sollten Sie die JavaScript-Datei zuerst einbinden.

Wenn Sie jedoch eine Webseite anzeigen/rendern können, ohne zunächst eine JavaScript-Datei herunterzuladen, sollten Sie den JavaScript-Code am Ende der Seite einfügen. Dadurch wird ein schnelleres Laden der Seite simuliert, und aus Sicht des Benutzers sieht es so aus, als würde die Seite schneller geladen.

Beantwortet el 1 de Dezember, 2016 von Amit Mhaske (411 Punkte )

Answer 6

0voto

Patel Charul Punkte 197

Wir müssen immer Skripte vor dem schließenden Body-Tag einfügen, wenn wir ein bestimmtes Szenario erwarten.

Zum Beispiel:

`<html> <body> <script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> </body> </html>`

Beantwortet el 8 de Marsch, 2022 von Patel Charul (197 Punkte )

Wo sollte ich <script>-Tags in HTML-Markup einfügen?

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Wo sollte ich <script>-Tags in HTML-Markup einfügen?

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: