Heim >Web-Frontend >Front-End-Fragen und Antworten >Wo wird das Skript-Tag normalerweise in HTML geschrieben?

Wo wird das Skript-Tag normalerweise in HTML geschrieben?

青灯夜游
青灯夜游Original
2022-09-16 16:20:2312147Durchsuche

Die Position des Skript-Tags: 1. Platzieren Sie es im Head-Tag. Beim Parsen des Skript-Tags lädt er zuerst alle Skripte herunter und analysiert dann den anderen HTML-Inhalt Die Seite wird verzögert gerendert und die Benutzererfahrung ist schlecht. 2. Wenn es innerhalb des Body-Tags platziert wird, analysiert der Browser zunächst die gesamte HTML-Seite und lädt dann die js herunter und analysiert sie. 3. Nach dem Platzieren nach dem schließenden Tag des Körpers ignoriert der Browser das vorherige „“, sodass sich der tatsächliche Effekt nicht vom Schreiben vor dem schließenden Tag des Körpers unterscheidet.

Wo wird das Skript-Tag normalerweise in HTML geschrieben?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Im Allgemeinen werden Skript-Tags am Kopf oder Ende platziert. Der Kopf befindet sich im Kopf-Tag und der Schwanz befindet sich im Körper-Tag.

1. Das Skript-Tag wird im Head-Tag platziert.

    <title>获取DOM元素</title>
    <script>
        var myElement = document.getElementById("atag");
        console.log(myElement);
    </script>


    <div>
        <p>一个标签</p>
    </div>

Druckergebnis:

Wo wird das Skript-Tag normalerweise in HTML geschrieben?
Wenn das Skript-Tag im Head-Tag platziert wird, analysiert es den HTML-Code lädt zuerst alle Skripte herunter und analysiert dann den anderen HTML-Code. Wenn der Browser js herunterlädt, können nicht mehrere js gleichzeitig heruntergeladen werden. Wenn der Browser js herunterlädt, blockiert er das Parsen anderer HTML-Codes. Daher führt die Platzierung des Skript-Tags im Kopf dazu, dass der Webinhalt verzögert gerendert wird und die Benutzererfahrung schlecht ist.

2. Platzieren Sie das Skript-Tag innerhalb des Body-Tags

    <div>
        <p>一个标签</p>
    </div>
<script>
    var myElement = document.getElementById("atag");
    console.log(myElement);
</script>

Wo wird das Skript-Tag normalerweise in HTML geschrieben?

Fügen Sie das Script-Tag am Ende des Bodys ein und laden Sie dann die js herunter. Wenn bei der js-Ausführung ein Fehler auftritt, können zumindest die Elemente auf der Seite noch geladen werden, da das DOM-Dokument von oben nach unten ausgeführt wird. Bei einigen Webseiten, die stark von js abhängen, erscheint dies jedoch sehr langsam.

3. Das Skript-Tag wird nach dem schließenden Tag des Körpers platziert HTML 2.0 Es ist einfach minderwertig. Der Grund, warum der Browser keinen Fehler meldet, liegt darin, dass es sich um einen prase error (Syntaxfehler) handelt, wenn das Skript oder das Start-Tag eines Elements nach dem body-tag erscheint ) und der Browser Der vorherige

Das obige ist der detaillierte Inhalt vonWo wird das Skript-Tag normalerweise in HTML geschrieben?. 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