Wo soll ich Tags in HTML -Markup einstellen?

Lars Daub
Wo soll ich Tags in HTML -Markup einstellen?
In einem HTML -Dokument wird der JavaScript -Code in die “eingefügtSkript”Element zwischen den“" Und "" Stichworte. Die Skriptelemente können in die “hinzugefügt werdenKopf”Element des HTML -Dokuments überall nach dem Startkopf -Tag und vor dem Endkopf -Tag. Es kann auch in die “hinzugefügt werden“KörperElement des HTML -Dokuments überall nach dem Startkörper -Tag und vor dem Endkörper -Tag. Darüber hinaus können die "Skript" -Tags auch in einem einzigen HTML -Dokument sowohl in "Kopf" als auch in "Körper" hinzugefügt werden.

Es gibt keine Einschränkung der Anzahl der "Skript" -Tags in HTML. Es kann also mehrere "Skript" -Tags in einem einzigen HTML -Dokument geben.

Wie Tags in HTML ausgeführt werden?

In einem HTML -Dokument holt der Browser zunächst den HTML -Indexteil, und nach dem Index ist das andere HTML -Dokument analysiert. Beim Parsen des Dokuments, wenn es eine gibt “Tag, der Browser fordert die Skriptdatei an. Zu dieser Zeit hört der Browser auf, die anderen HTML -Elemente zu analysieren. Danach lädt der Browser die Skriptdatei aus dem erwähnten Pfad (falls vorhanden) oder lädt sie aus derselben Datei, sobald das gesamte Skript geladen wurde.

Hinzufügen Ript> Tag im Kopfelement

Skript -Tags mit den JavaScript -Funktionen können im Kopfelement hinzugefügt werden. Lassen Sie uns diese Idee praktisch implementieren, indem wir ein einfaches Beispiel für eine JavaScript -Funktion in das Kopfelement des HTML -Dokuments erhalten.

Beispiel

Fügen Sie einfach das Skriptelement in das Kopfelement hinzu oder verschieben Sie das Skriptelement in einem vorhandenen HTML -Dokument in das Head -Tag:





Hinzufügen von Skript -Tags im Kopf Hinzufügen


Vor…



Im obigen Code -Snippet:

  • Da ist ein "

    ”Auf dem Weg ins"KörperElement und danach gibt es eine "AbsatzElement mit einem einfachen Text.

  • Anschließend wird eine Schaltfläche erstellt und eine Funktion “myfunction ()"Wurde in der" definiert "ONCLICK”Attribut als Ereignishandler hinzugefügt.
  • Der "Skript"Element wird in die" hinzugefügt "KopfElement, und in diesem wird die Funktion aufgerufen und die “GetelementByIdDie Methode wurde definiert, als sie auf die “bezogen wurdedank“.

Dadurch wird die JavaScript -Funktion in der Ausgabe korrekt ausgeführt:

Hinzufügen Cript> Tag im Körperelement

Skript -Tags können auch in die “hinzugefügt werden"Element überall vor dem Ende"Körper" Stichworte.

Beispiel

Die gleichen Ergebnisse werden generiert, wenn die “Skript”Tags werden in der hinzugefügt Körper Element:


Hinzufügen von Skript -Tags im Körper Hinzufügen


Vor…




Im obigen Code -Snippet:

  • Die gleiche JavaScript -Funktion im gleichen Code wie im vorherigen Abschnitt dieses Beitrags wurde im Körperelement hinzugefügt.

Hinzufügen der “Skript"Tags im Inneren"KörperDas Element generiert auch die gleichen Ergebnisse und führt die JavaScript -Funktion korrekt aus:

Dies zeigt, wo das sollte “"Tags werden in ein HTML -Dokument platziert. Sie fragen sich jedoch möglicherweise, ob es einen Unterschied zwischen den beiden Methoden gibt.

Unterschied beim Platzieren von Kopf- und Körperelementen

Der Hauptunterschied zwischen den beiden Methoden besteht tatsächlich in der Zeit, in der das Skript -Tag in den Browser geladen wird.

Im Allgemeinen ist das Element das erste Element, das vom Browser geladen wird. Dies bedeutet, dass jedes im Kopf platzierte Skript bereits vor dem Laden der Elemente der Webseite geladen wird. Wenn das Skript jedoch in die platziert ist Element, dann wird es in der Reihenfolge der Liniennummer geladen, auf der es platziert ist.

Abschluss

Der "Skript”Tags (mit den JavaScript -Funktionen) in einem HTML -Dokument können in die“ platziert werdenKopf”Element sowie innerhalb der“Körper" Element. Sie können auch in den Elementen (Kopf und Körper) im Dokument hinzugefügt werden. All diese Wege werden die JavaScript -Funktion innerhalb der “machen”Tags funktionieren korrekt. Dieser Artikel gibt einen vollständigen Überblick darüber, wo das hinzugefügt werden soll”Tags im HTML -Dokument.

Docker
So stoppen Sie alle Docker -Dienste?
Verwenden Sie den Befehl „Docker Stop $ (Docker PS -A -Q)“, um alle Docker -Dienste einschließlich d...
Christopher Lammert
c scharf
Wie Lambda -Operator '=>' in C# verwendet wird
Der Bediener '=>' erstellt anonyme Funktionen in C#und trennt Eingabeparameter von der Funktionsbehö...
Fr. Chris Frisch
C -Programmierung
So drucken Sie % mithilfe von printf in C -Programmierung % aus?
Drucken Sie das%-Symbol in einem C -Programm mit printf () erforderlich....
Prof. Dr. Julien Plank