So fügen Sie JavaScript zu HTML hinzu

So fügen Sie JavaScript zu HTML hinzu
JavaScript ist eine der Skriptsprachen, mit denen interaktive und moderne Webseiten erstellt werden. Ohne zusätzliche Plugins unterstützen moderne Webbrowser JavaScript mit integrierten Motoren.

Während der Arbeit mit Webdateien muss JavaScript zusammen mit HTML ausgeführt werden. Dies kann entweder durch den Inline -JavaScript -Code in das Tag der HTML -Datei erfolgen oder JavaScript über eine externe Datei hinzufügen. JavaScript -Tag wird entweder im Kopfabschnitt der HTML -Datei oder im Abschnitt "Körper verwendet" verwendet. Es hängt nur dann ab, wo Sie JavaScript laden möchten. JavaScript kann in Tags geschrieben werden, um den Hauptinhalt von HTML -Dateien fernzuhalten. Wenn Sie JavaScript benötigen, um über ein Webseitenlayout auszuführen, wird das Skript normalerweise in den Abschnitt "Körper" aufgerufen.

JavaScript kann auf zahlreiche Arten auf Webseiten wie Validierung des Formulars, Erstellen von Warnwarnungen und vielem mehr verwendet werden. In diesem Artikel werden wir durchführen, wie JavaScript in HTML -Dateien eingehalten werden kann.

Im Folgenden finden Sie die Möglichkeiten, JavaScript in HTML -Dateien einzubeziehen.

Code einbetten

Das… Tag wird verwendet, um JavaScript in Webseiten hinzuzufügen, um JavaScript in die HTML -Programme einzuwickeln. Der JavaScript -Code kann je nach Struktur der Anwendung entweder im Körperabschnitt oder im Kopfabschnitt liegen.

Beispiel 1: JavaScript im Kopfabschnitt



Seitentitel



Dieses Beispiel zeigt, wie JavaScript in den Kopfabschnitt einbezieht



Ausgang:

Beispiel2: JavaScript im Körperbereich



Seitentitel



Dieses Beispiel zeigt, wie JavaScript in den Körperabschnitt einbezieht



Ausgang:

Inline -Code

Wenn Sie eine Funktion in HTML -Attribute aufrufen müssen, wird ein Inline -Code von JavaScript verwendet. JavaScript -Code kann direkt in verschiedenen Ereignissen wie Onmouseover (), Onclick () und vielen anderen verwendet werden. Hauptpunkte sollten bei der Verwendung von Inline -Skripten berücksichtigt werden:

  • Nützlich für kleine Skripte oder Skripte, die nur in einer Datei ausgeführt werden.
  • Schwer zu lesen und zu verstehen, ob Skripte größer oder auf mehreren Seiten verwendet werden.

Beispiel 1: Dieses Beispiel zeigt, wie JavaScript in HTML ohne Tags einbezieht.



Seitentitel



Inline -Code


Dieses Beispiel zeigt, wie Inline JavaScript ohne Skript -Tags einbezogen werden kann.



Ausgang:

Beispiel2:



Seitentitel




Im obigen Beispiel zeigt das Skript eine Warnmeldung an, die das aktuelle Datum angezeigt wird, wenn der Benutzer die Webseite lädt.

Ausgang:

Externe Datei

Der JavaScript -Code kann in eine separate Datei mit einer Erweiterung von “geschrieben werden.JS ”und dann in die HTML -Datei aufgenommen. JavaScript -Dateiname kann im Attribut "SRC" des Skripts enthalten sein. Externe Dateien von JavaScript -Code können wiederverwendbar sein. Daher speichern Sie separate Dateien für JavaScript -Code vor dem Umschreiben desselben Softwareprogramms. Externe Dateien sind viel einfacher zu verwalten.

Beispiel:

In diesem Beispiel gibt es zwei Dateien, Index.HTML und Datescript.JS. Externe Datei i.e. Datenkript.JS im Körperabschnitt der HTML -Datei mit dem Namen Index enthalten.html. JavaScript mit dem Namen Datescript.JS wird verwendet, um das aktuelle Datum anzuzeigen, wenn der Benutzer die Webseite lädt. Beide .html und .JS -Dateien werden im selben Ordner platziert.

Index.html



Datum




Datenkript.JS

lass Datum = neues Datum ();
dokumentieren.Körper.Innerhtml = "

Datum: " + Datum +"

"

Ausgang:

Abschluss

In diesem Artikel zeigen wir, wie JavaScript in HTML -Dateien hinzugefügt wird. Anschließend haben wir jede Methode detailliert besprochen, um JavaScript in Ihre Webseiten einzubeziehen. Wir haben drei Möglichkeiten zum Hinzufügen von JavaScript in HTML -Dateien i diskutiert. I.e. Inline -Code, externe Dateien und Einbettungscode. Für jede Methode werden auch Beispiele bereitgestellt, um Ihnen beim Verständnis zu helfen.