Bei der Programmierung dreht sich alles um Effizienz. Die Wiederholung innerhalb eines Codes wurde von Entwicklern auf der ganzen Welt immer verpönt,. Um diesen Zweck zu erfüllen, gibt es in der Programmierung, die so genannte Funktionen existieren. Also, was genau ist eine Funktion? Funktionen können als Code angesehen werden, den der Entwickler in seinem Programm erstellt hat. Diese Funktion, die einmal erstellt wurde. In der Webentwicklung werden Funktionen in JavaScript erstellt, können jedoch im HTML -Code verwendet werden.

In diesem Artikel wird ein Licht darüber vergangen, wie auf eine Funktion, die in JavaScript existiert, durch den HTML -Abschnitt zugegriffen werden kann.

Aufrufen einer JS -Funktion im HTML -Code

Wenn die Funktionen in JavaScript angepackt werden, werden zwei verschiedene Szenarien auffallen. In diesem Abschnitt wird angezeigt, wie Sie in einem dieser beiden Fälle jede JavaScript -Funktion aufrufen können.

JavaScript in der HTML -Datei

Wenn die JavaScript -Funktion in derselben Datei wie der HTML -Code vorliegt, ist es ziemlich einfach, darauf zuzugreifen und in HTML aufzurufen. Lassen Sie uns den Beispielcode unten sehen:

Klicken Sie auf diese Schaltfläche, um die JavaScript -Funktion in HTML aufzurufen

Im Abschnitt JavaScript dieses Code wird eine Funktion gebildet, die den Namen enthält “Probenfunktion”. Die Funktion soll eine Warnung ausführen, wenn sie aufgerufen werden. Im Hauptteil des HTML -Code wird eine Schaltfläche erstellt. Knöpfe haben eine "ONCLICKFunktionen, mit der sie Funktionen aus dem JS -Code aufrufen können. Wir werden den Namen verwenden “Probenfunktion"Mit dem verwendet wird, um es in der" zu nennen "ONCLICK" Besonderheit. Schauen Sie sich das folgende Beispiel an:

Die Ausgabe ist wie folgt:

JavaScript in einer externen Datei

In den meisten Fällen sind JavaScript -Funktionen in derselben Datei wie der HTML -Code nicht vorhanden. In solchen Fällen müssen die beiden Dateien miteinander verknüpft werden, damit der HTML -Code Funktionen von JavaScript aufrufen kann. Dieser unten stehende Code zeigt die JavaScript -Datei:

function samplefunction ()
dokumentieren.Schreiben ("Funktion wurde aufgerufen!");

In der JavaScript -Datei wurde die Funktion erstellt. Diese Funktion kann jetzt in einer HTML -Datei so oft aufgerufen werden, wie der Entwickler wünscht. Der folgende Code zeigt die HTML -Datei:

Klicken Sie auf diese Schaltfläche, um die JavaScript -Funktion in HTML aufzurufen

Hier haben wir die JavaScript -Datei verknüpft, die benannt ist “JSfile.JS”Mit der HTML -Datei mit der“srcSchlüsselwort innerhalb der Skript -Tags. Wenn Sie dies tun, erlaubt das "ONCLICKFunktionen unten, um auf die Funktion der JS -Datei zuzugreifen.

Abschluss

Es gibt zwei Möglichkeiten, eine JavaScript -Funktion innerhalb von HTML zu erreichen. Das erste ist die Verwendung der “ONCLICKMerkmal einer Schaltfläche, um die Funktion aufzurufen, die bereits in der HTML -Datei vorhanden ist. Die zweite vereint die externe JavaScript -Datei mit der HTML -Datei mit dem Schlüsselwort "SRC" mit der HTML -Datei. In diesem Artikel haben Sie die beiden verschiedenen Szenarien gelernt, in denen Sie von JavaScript in HTML auf eine Funktion zugreifen müssen.