Wie rufe ich eine JavaScript -Funktion auf Seite Load auf

Wie rufe ich eine JavaScript -Funktion auf Seite Load auf
In vielen Webseiten und Websites ist der Zugriff auf verschiedene Funktionen beim Seitenlad erforderlich, um die Arbeit verschiedener implementierter Algorithmen sicherzustellen. Darüber hinaus ist diese Funktion bei der automatisierten Prüfung einer Website sehr hilfreich bei der Konfiguration der Arbeiten verschiedener Vorgänge innerhalb einer Funktion und des Debuggens von ihnen.

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:

  • Fenster.Onload" Fall
  • dokumentieren.AddEventListener ()" Methode
  • Körperanladung" Fall

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;
var load2 = 4;

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)
return load1 + load2;

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 ()
Konsole.log ("Der resultierende Wert ist:",)
Konsole.log (pageonload (lad1, lader2));

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 ()
ALERT ("Funktionsaufruf auf der Seite Laden.");
Belastung.Innerhtml = "Funktionskörper, die erfolgreich auf Seite geladen werden."

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 ()
zurück "3";

In ähnlicher Weise definieren Sie eine Funktion namens “pageonload2 ()”Und geben den angegebenen Wert zurück:

Funktion pageonload2 ()
zurück "2";

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)
return pageonload1 () * pageonload2 ();

Zuletzt die definierte Funktion “ausführen()”Wird auf die Funktion zugreifen“pageonload ()Und protokollieren Sie seine Funktionen (Multiplikation beider Zahlen):

Funktion execute ()
Konsole.log ("Der resultierende Wert ist:")
Konsole.log (pageonload (pageonload1, pageonload2));

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.