Es gibt viele Möglichkeiten, eine JavaScript-Funktion im HTML-Dokument aufzurufen, und es ist auch keine schwierige Aufgabe. Zunächst haben wir eine der einfachsten Methoden zum Aufrufen von a verwendet JavaScript Funktion im HTML-Dokument:
Bei dieser Methode erstellen und definieren wir eine Funktion im Kopfabschnitt des HTML-Dokuments. Um diese Funktion im HTML-Dokument aufzurufen, müssen wir eine einfache Schaltfläche erstellen und die verwenden onclick Event-Attribut (das ein Event-Handler ist) zusammen mit diesem Attribut hinzufügen, können wir die Funktion aufrufen, indem wir auf die Schaltfläche klicken.
Um es besser zu verstehen, sehen wir uns das gegebene Programm an:
Programm
symmetrischer Unterschied
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Erläuterung des Programms
Im oben angegebenen Programm haben wir ein einfaches HTML-Dokument erstellt. Im Kopfabschnitt des HTML-Dokuments haben wir eine Funktion definiert ( z.B. myfunction();) innerhalb der Skript-Tags ... .
function myfunction() { alert('how are you'); } Andererseits haben wir im Hauptteil etwas Text angezeigt und eine Schaltfläche erstellt. Um unsere Funktion aufzurufen, haben wir die verwendet onclick Attribut zusammen mit der Schaltfläche und wenn der Benutzer auf diese Schaltfläche klickt, wird unsere Funktion ausgeführt und zeigt eine Warnmeldung an, wie Sie in der Ausgabe sehen können.
Klicken Sie auf die folgende Schaltfläche, um die Funktion in Aktion zu sehen
Ausgabe
Aufrufen einer Funktion mithilfe einer externen JavaScript-Datei
Wir können JavaScript-Funktionen auch mithilfe einer externen JavaScript-Datei aufrufen, die an unser HTML-Dokument angehängt ist. Dazu müssen wir zunächst eine JavaScript-Datei erstellen, darin unsere Funktion definieren und mit der Erweiterung (.Js) speichern.
Sobald die JavaScript-Datei erstellt ist, müssen wir ein einfaches HTML-Dokument erstellen. Um unsere JavaScript-Datei in das HTML-Dokument einzubinden, müssen wir das Skript-Tag verwenden und im Attribut „src“ den Pfad zu unserer JavaScript-Datei angeben, in der sie gespeichert ist. Nachdem wir die externe JavaScript-Datei mit dem HTML-Dokument verknüpft haben, können wir eine Schaltfläche erstellen und die aufrufen Funktion Verwendung der 'onclick' Attribut damit.
Lassen Sie es uns mit Hilfe eines Programms verstehen:
Programm
Klicken Sie auf die folgende Schaltfläche, um die Funktion in Aktion zu sehen
Erläuterung des Programms
Im obigen Programm haben wir zunächst eine JavaScript-Datei erstellt, darin unsere Funktion definiert und mit der Datei gespeichert. js Verlängerung.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); } Nach der Erstellung der JavaScript-Datei haben wir ein HTML-Dokument erstellt und unsere JavaScript-Datei mit verknüpft. Da wir unser HTML-Dokument und unsere JavaScript-Datei im selben Ordner gespeichert haben, haben wir unsere JavaScript-Datei einfach im Attribut „scr“ benannt, anstatt den vollständigen Pfad im Kopfabschnitt anzugeben.
Im Hauptteil haben wir Text angezeigt und eine Schaltfläche erstellt. Um unsere Funktion aufzurufen, haben wir die verwendet onclick Attribut zusammen mit der Schaltfläche und wenn der Benutzer auf diese Schaltfläche klickt, wird unsere Funktion ausgeführt und zeigt eine Warnmeldung an, wie Sie in der Ausgabe sehen können.
Klicken Sie auf die folgende Schaltfläche, um die Funktion in Aktion zu sehen
Ausgabe
Klicken Sie nun auf den angegebenen Button:
