JavaScript – es ist eine der beliebtesten Programmiersprachen für die Entwicklung von Webanwendungen. JavaScript-Code wird direkt im Browser ausgeführt und ermöglicht die Erstellung dynamischer Inhalte und Interaktionen auf einer Webseite.
Um JavaScript-Code in ein HTML-Dokument einzufügen, müssen Sie ein Tag verwenden . Es kann sowohl innerhalb des Dokumentkörpers platziert werden als auch ein externes Skript sein, das mit einem Attribut verbunden ist src.
Die Optionen zum Einfügen von JavaScript-Code in HTML können je nach den spezifischen Anforderungen und Anforderungen des Projekts unterschiedlich sein. In diesem Artikel werden wir uns die grundlegenden Methoden zum Einfügen von JavaScript-Code ansehen und detaillierte Beispiele für jeden von ihnen bereitstellen.
Verbinden von JavaScript mit einem HTML-Dokument
Um mit JavaScript arbeiten zu können, müssen Sie es an ein HTML-Dokument anhängen. Dies kann auf verschiedene Arten geschehen:
- Fügen Sie JavaScript direkt in den HTML-Code ein.
- Externe JavaScript-Datei einbinden.
- Ereignisse verwenden, um JavaScript-Code auszuführen.
Die erste Methode - das Einfügen von JavaScript direkt in den HTML-Code - ist die einfachste und schnellste Methode. Dazu wird ein Tag verwendet. Sie können JavaScript-Code direkt in ein HTML-Dokument einfügen, z. B. in einem Tag:
Die zweite Methode ist das Anhängen einer externen JavaScript-Datei - wird häufig bei der Entwicklung größerer Projekte verwendet. Dazu müssen Sie den Pfad zur JavaScript-Datei im src-Attribut des Tags angeben. Zum Beispiel:
Im Beispiel wird eine Script-Datei angezeigt.js befindet sich im selben Verzeichnis wie das HTML-Dokument.
Die dritte Methode - die Verwendung von Ereignissen zum Ausführen von JavaScript-Code - ermöglicht das Aufrufen von JavaScript-Funktionen, wenn bestimmte Ereignisse auf einer Webseite auftreten. Wenn Sie beispielsweise auf einen Link klicken:
Der im onclick-Attribut angegebene JavaScript-Code wird ausgeführt, wenn Sie auf den Link klicken.
Die Auswahl der JavaScript-Verbindungsmethode hängt von den spezifischen Anforderungen des Projekts ab. Eine Kombination aus zwei oder drei Methoden wird häufig in verschiedenen Teilen einer Webseite verwendet.
Eingebettetes JavaScript
Das folgende Beispiel zeigt, wie Sie JavaScript in eine HTML-Seite einfügen:
Встроенный JavaScript function greeting() Das Tag kann auch verwendet werden, um externe JavaScript-Dateien zu verbinden. Zum Beispiel:
Встроенный JavaScript In diesem Beispiel ist die Scripts-Datei.js enthält JavaScript-Code. Es verbindet sich über das src-Attribut des Tags mit der HTML-Seite. Dieser Ansatz ist nützlich, wenn Sie eine große Menge an JavaScript-Code haben, die Sie in mehreren HTML-Seiten verwenden möchten.
