In diesem Artikel wird die Methoden zum Zugriff auf eine Funktion auf der Seite in JavaScript demonstriert.
Wie rufe ich eine Funktion auf der Seite in JavaScript auf/rufe ich auf?
Um eine JavaScript -Funktion auf der Seitenlast aufzurufen, können die folgenden Ansätze verwendet werden:
Wir werden jetzt jeden der genannten Ansätze nacheinander diskutieren!
Methode 1: Rufen Sie eine JavaScript -Funktion auf die Seite des Fensters ein.Onload -Ereignis
Der "Fenster.OnloadEreignis erfolgt, wenn die gesamte Seite zusammen mit dem Inhalt geladen wird. Insbesondere kann dieses Ereignis angewendet werden, um auf eine bestimmte Funktion auf der Seitenlast zuzugreifen.
Syntax
Fenster.Onload = Funktion ()In der gegebenen Syntax “,“Funktion”Bezieht sich auf die Funktion, die aufgerufen wird, wenn das Fenster geladen wird.
Das folgende Beispiel erklärt das diskutierte Konzept.
Beispiel
Initialisieren Sie im folgenden Beispiel die beiden Variablen mit den angegebenen Ganzzahlwerten:
var load1 = 6;Definieren Sie nun eine Funktion namens “pageonload ()Und platzieren Sie die erstellten Variablen als Argument. Geben Sie außerdem die Zugabe der angegebenen Werte gegen die Variablen zurück:
Funktion pageonload (lade1, lade2)Schließlich wenden Sie das an “Fenster.OnloadEreignis, so dass beim Laden der Seite auf die Funktion zugegriffen wird und die Summe der Werte zurückgegeben wird:
Fenster.onload = function ()Die entsprechende Ausgabe ist:
Die obige Ausgabe ist ein Ergebnis von Seite Onloading und Zugriff auf Funktionen gleichzeitig.
Methode 2: Zugriff auf eine Funktion auf der Seite Laden Sie in JavaScript mithilfe einer Funktion
dokumentieren.addEventListener () Methode
Der "dokumentieren.AddEventListener ()Die Methode verbindet einen Ereignishandler in ein Dokument. Diese Methode kann implementiert werden, um das angegebene Ereignis zum Laden der Seite und das Aufrufen einer bestimmten Funktion als Gegenleistung hinzuzufügen.
Syntax
dokumentieren.AddEventListener (Ereignis, Funktion)In der obigen Syntax “,“Fall"BeziehtFunktion”.
Schauen Sie sich das folgende Beispiel an.
Beispiel
Zuwenden Sie zunächst die angegebene ID mit dem Namen “Belastung”Zum Divelelement:
Greifen Sie als Nächstes auf den erstellten Container zu, indem Sie seine ID an die “weitergeben“dokumentieren.GetElementById ()" Methode:
load = document.GetElementById ("Load");Danach fügen Sie eine Veranstaltung mit dem Namen "hinzu"Domcontent geladen" Verwendung der "dokumentieren.AddEventListener ()Methode, um die Seite zu laden und auf die Funktion pageonload () zuzugreifen:
dokumentieren.AddEventListener ("DomContentLoded", pageonload ());Definieren Sie schließlich eine Funktion namens “pageonload ()”. Zeigen Sie hier die folgenden Meldungen im Dialogfeld "Alarm" bzw. im Dokumentobjektmodell (DOM) auf der Seite "Lade" an:
Funktion pageonload ()Ausgang
Methode 3: Rufen Sie eine Funktion auf der Seite Lade in JavaScript mithilfe des Body Onload -Ereignisses auf
Der "KörperanladungEreignis führt die angegebene Funktion aus, wenn der Ladevorgang des Seite abgeschlossen ist. Diese Technik kann angewendet werden, um auf mehrere Funktionen zuzugreifen.
Syntax
In der obigen Syntax “,“Funktion()”Bezieht sich auf die Funktion, die auf die Seitenlast aufgerufen wird.
Das folgende Beispiel wird das Konzept klarstellen.
Beispiel
Wenden Sie zunächst das an “Körperanladung"Ereignisumleitungen zur angegebenen Funktion"ausführen()”:
Definieren Sie als nächstes eine Funktion namens “pageonload1 ()”Was einen Wert zurückgibt:
Funktion pageonload1 ()In ähnlicher Weise definieren Sie eine Funktion namens “pageonload2 ()”Und geben den angegebenen Wert zurück:
Funktion pageonload2 ()Definieren Sie nun eine Funktion namens “pageonload ()Die oben genannten definierten Funktionen als Argumente haben. In dieser Funktion werden beide Werte aus den aufgerufenen Funktionen multipliziert und zurückgegeben:
Funktion pageonload (pageonload1, pageonload2)Zuletzt die definierte Funktion “ausführen()”Wird auf die Funktion zugreifen“pageonload ()Und protokollieren Sie seine Funktionen (Multiplikation beider Zahlen):
Funktion execute ()Ausgang
Wir haben die Methoden erläutert, um eine JavaScript -Funktion auf der Seite "Lade" aufzurufen.
Abschluss
Um eine Funktion auf der Seite mit JavaScript aufzurufen, wenden Sie die “anFenster.Onload ()Ereignis zum Zugriff auf die Funktion auf der Seite "Laden", die “dokumentieren.AddEventListener ()Methode zum Hinzufügen eines bestimmten Ereignisses zum Laden der Seite oder der “KörperanladungEreignis, um die Funktionen von Funktionen in einer einzigen Funktion zusammenzuführen. In diesem Handbuch wurde die Methoden zum Zugriff auf eine Funktion auf dem Seitenlast in JavaScript gezeigt.