So fügen Sie eine JavaScript -Datei in HTML hinzu?

Webseiten werden mit mehreren Programmiersprachen entwickelt, und zwei solche Webprogrammiersprachen sind HTML und JavaScript. Das HTML-Akronym für Hypertext-Mark-up-Sprache wird verwendet, um die Struktur der Webseiten zu erstellen, die Sie jeden Tag im Internet sehen. In der Zwischenzeit ist JavaScript eine bekannte Skriptsprache, mit der dynamische Operationen auf Webseiten durchgeführt werden, um sie faszinierender zu machen.

Damit diese Sprachen zusammenarbeiten. Für den Zweck können Sie Ihre externe JavaScript -Datei zu Ihrem HTML -Dokument hinzufügen.

Hinzufügen von JavaScript -Datei

Um eine externe JavaScript -Datei in Ihr HTML -Dokument hinzuzufügen.

Syntax

// Hinzufügen von JS -Datei mit keinem Pfad Hinzufügen

Oder,

// JS -Datei mit dem Dateipfad hinzufügen

Oder,

// Fügen Sie die JS -Datei mit URL hinzu

Punkte, die man sich merken sollte!

• Sie können diese Tags entweder im Abschnitt oder im Abschnitt platzieren.
• Wie in der Syntax angegeben, sollte die Erweiterung externer JavaScript -Dateien sein .JS.
• Es ist vorteilhaft, externe JavaScript -Dateien zu verwenden, wenn Sie denselben Code in mehreren HTML -Dokumenten verwenden müssen. Darüber hinaus verbessert dies die Lesbarkeit und Wartbarkeit Ihres Dokuments.

Im Folgenden haben wir verschiedene Ansätze besprochen, um Ihre JavaScript -Datei in HTML hinzuzufügen.

Bedingung 1: Hinzufügen der JS -Datei mit dem Dateipfad hinzufügen

Um Ihre externe JavaScript -Datei in Ihr HTML -Dokument hinzuzufügen, müssen Sie Ihren Dateipfad im SRC -Attribut des Tags angeben.

Angenommen, wir haben unsere HTML- und JavaScript -Dateien in unserem Verzeichnis:

HTML -Datei

Gib deinen Namen ein:
Einreichen

Im obigen Beispiel erstellen wir ein Eingabefeld, das den Benutzer auffordert, seinen Namen einzugeben.

In der Zwischenzeit haben wir unsere Funktion in der JavaScript -Datei mit dem folgenden Code definiert.

Funktion functionName ()
ALERT ("Ihr Name wurde eingereicht!");

Sobald der Benutzer die Schaltfläche Senden drückt, wird eine Warnmeldung angezeigt.

In einem anderen Szenario, wenn Ihre HTML.

Verwenden Sie die folgende Syntax, um Ihren Dateipfad zum SRC -Attribut im Tag hinzuzufügen.

Bedingung 2: Hinzufügen von JS -Datei mit URL

Wenn Sie eine JavaScript -Datei hinzufügen möchten, die online gespeichert ist.

Beispiel

Gib deinen Namen ein:
Einreichen

Im obigen Beispiel haben wir die URL einer externen JavaScript -Datei hinzugefügt, die online gespeichert ist. Die Online -JavaScript -Datei sieht so aus.

In der obigen Datei haben wir unsere Funktion definiert, die eine Warnmeldung anzeigen soll.

Ausgang

Befolgen Sie diese Schritte, können Sie Ihre externe JavaScript -Datei einfach zu Ihrem HTML -Dokument hinzufügen.

Abschluss

Um eine JavaScript -Datei in HTML hinzuzufügen. In diesem Beitrag haben wir die Ansätze zum Hinzufügen Ihrer JavaScript -Datei in HTML ausführlich besprochen, indem wir sie anhand von Beispielen demonstriert haben.