So rufen Sie die JavaScript -Funktion in HTML auf

JavaScript ist von Tag zu Tag aufgetaucht und wird auf Webseiten effizient verwendet. Immer wenn JavaScript in eine HTML -Seite aufgerufen wird, interagiert es dynamisch auf Webseiten. JavaScript macht Webseiten intuitiver und verbessert die Benutzererfahrung im Vergleich zu statischen Seiten. Das Aufrufen von Funktionen von JavaScript in eine HTML -Seite ist keine komplexe Aufgabe. In diesem Artikel demonstrieren wir verschiedene Möglichkeiten, JavaScript -Funktionen in HTML aufzurufen.

Inline -JavaScript -Funktion

Die erste Methode besteht darin, die JavaScript -Funktion in HTML aufzurufen. Dazu müssen Sie eine Funktion erstellen und diese Funktion entweder im Kopfabschnitt oder im Körperabschnitt des HTML -Dokuments definieren. Sie können entweder einen Link oder eine Schaltfläche erstellen und dann ist ihnen ein Onclick () -Ereignis zugeordnet, um diese Funktion aufzurufen.

Jetzt werden wir ein einfaches Beispiel demonstrieren. Dieses Beispiel enthält eine einfache HTML.

Darüber hinaus haben wir eine Schaltfläche erstellt und das OnClick () -Ereignis damit zugeordnet, wie unten gezeigt. Anschließend wird die Funktion aufgerufen, wenn der Benutzer auf die Schaltfläche klickt:

Hey, klicken Sie auf die Schaltfläche unten, um die Funktion aufzurufen

Beispiel

Hey, klicken Sie auf die Schaltfläche unten, um die Funktion aufzurufen

Ausgang

Rufen Sie die JavaScript -Funktion über externe Dateien auf

Die zweite Methode besteht darin, eine JavaScript -Funktion in HTML über extern aufzurufen .JS -Dateien. Externe Dateien von JavaScript sind im Kopfabschnitt der HTML -Datei beigefügt. Zunächst müssen Sie zwei Dateien erstellen, die ich erstellen müssen.E… HTML -Datei, in der HTML -Code geschrieben wird und der andere ist .JS, in denen Funktionen definiert sind.

Wir müssen ein HTML -Dokument erstellen, sobald wir mit der Erstellung von JavaScript fertig sind. Nachdem wir die JavaScript -Datei integriert haben, müssen wir entweder einen Link oder eine Schaltfläche erstellen und dann die in der JavaScript -Datei definierte Funktion aufrufen.

Beispiel

Dieses Beispiel enthält eine einfache HTML -Datei “Articl.html"In dem wir die externe JavaScript -Datei verknüpfen"JsArticle.JS”.

Articl.html

Hey, klicken Sie auf die Schaltfläche unten, um die Funktion aufzurufen

JsArticle.JS

Funktion functionName ()
dokumentieren.Schreiben ("Sie lernen, wie man JavaScript -Funktion in HTML aufruft");

HTML- und JavaScript -Dateien sollten entweder im selben Ordner gespeichert werden, und wenn nicht, müssen wir einen vollständigen Pfad in den im Abschnitt über den Kopf vorhandenen Skript -Tags bereitstellen. In unserem vorgesehenen Beispiel haben wir die HTML- und JavaScript -Dateien in demselben Ordner gespeichert, weshalb wir den Namen der JavaScript -Datei angegeben haben, anstatt den vollständigen Pfad bereitzustellen.

Wir haben im Körperabschnitt eine Schaltfläche erstellt und neben dieser Taste haben wir auch das Onclick -Ereignis verwendet, um eine Funktion aufzurufen. Wenn der Benutzer nun auf diese Schaltfläche klickt, wird die Funktion aufgerufen, die in der JavaScript-Datei definiert ist.

Hey, klicken Sie auf die Schaltfläche unten, um die Funktion aufzurufen

Ausgang

Abschluss

In diesem Artikel zeigen wir, wie Sie JavaScript -Funktionen innerhalb von HTML aufrufen können. Wir haben auch zwei Methoden diskutiert. In der ersten Methode geben wir eine JavaScript -Datei in ein HTML -Dokument auf. In der zweiten Methode rufen wir JavaScript über externe Dateien auf. Beide Methoden wurden kurz mit Beispielen erklärt, wie JavaScript -Funktionen in HTML aufgerufen werden können.