Was ist das Fenster -Onload -Ereignis in JavaScript??

Mit den neuen Fortschritten in der Webentwicklung entwickelt sich JavaScript sogar in verschiedenen Rahmenbedingungen, was den Entwicklern das Leben erleichtert. In Bezug auf seine Verwendung sind ab sofort viele berühmte Websites auf JavaScript aufgebaut, was zeigt, wie zuverlässig diese Sprache ist.

JavaScript verfügt über ein Fenster -Onload -Ereignis, um bestimmte Funktionen zu starten, wenn eine Webseite geladen wird. Das Onload -Ereignis wird auch zur Überprüfung des Typs und der Version des Besucherbrowsers verwendet. Weitere Cookies können auch über das Onload -Attribut überprüft werden.

Das Attribut von Onload -Auslösern, wenn das Objekt in HTML geladen wird. Dies soll das Skript starten, wenn das zugehörige Element lädt. In einfacheren Worten können wir sagen, dass das Fenster -Onload -Ereignis immer dann ausgelöst wird, wenn eine Webseite erfolgreich gestartet wird.

Das Onload -Ereignis wird verwendet, um ein Skript auszuführen, sobald seine Substanz (die CSS -Dateien, Bilder und Skripte enthält) der Seite vollständig ausgelöst wurde. Sie brauchen jedoch nicht immer ein Tag. Es kann mit anderen HTML -Elementen verwendet werden.

Der Download.Onload startet vor den Bildern und den externen Inhalten, die kurz vor dem Fenster ausgelöst werden.Onload. Während, Fenster.Onload beginnt, nachdem die Seite vollständig geladen wurde, einschließlich CSS, Skriptdateien, Bilder und vieler mehr.

Wenn Sie das Ladeereignis in JavaScript manipulieren möchten, müssen Sie den Ereignishörer über die Methode von AddEventListener () registrieren, wie im folgenden Beispiel gezeigt:

Fenster.AddEventListener ('Load', (Ereignis) =>
Konsole.log (Seite geladen);
);

Sie können das Lastereignis auch über die Eigenschaft des Fensterobjekts i behandeln i.e. Onload. Das folgende Beispiel zeigt, wie die Onload -Eigenschaft verwendet wird:

Fenster.Onload = (Ereignis) =>
Konsole.log ('Seite geladen');
;

Fenster.Onload -Ereignis im Kopfabschnitt von HTML

Zunächst werden wir ein einfaches Beispiel für ein Fenster präsentieren.Onload -Ereignis. In diesem Beispiel zeigen wir einfach eine Warnmeldung an, wenn eine Seite geladen wird.

Syntax

Fenster.Onload = FunktionName ();

Beispiel

Ausgang

Onload -Ereignis im Körperabschnitt von HTML

Inhalt kann im Körperabschnitt von HTML angezeigt werden. Immer wenn die Webseite geladen wird, heißt das Ereignis, das zu diesem Zeitpunkt stattfand. Wir können das Onload -Ereignis im Abschnitt "Körper" verwenden, damit wir das Skript ausführen können.

Syntax

Beispiel

Wenn Sie ein Onload -Ereignis innerhalb des Körpers verwenden möchten, führen Sie den folgenden Code aus.

Ausgang

Fenster Onload -Ereignis im Körperabschnitt von HTML

Das Objekt des Onload -Fensters repräsentiert das Fenster des Browsers. Immer wenn alle Vorgänge vollständig geladen sind, dann verarbeitet die Immobilie das Lastereignis verarbeitet. Die Funktion, die wir ausführen möchten, wird der Handler -Funktion der Onload -Eigenschaft zugeordnet. Wenn die Webseite geladen wird, wird die Funktion ausgeführt. Wir haben Ihnen unten ein Beispiel gegeben.

Syntax

Fenster.Onload = Funktion functionName ()
// Funktion hier schreiben

Beispiel

Was ist ein Fenster -Onload -Ereignis in JavaScript??

Skript ausgeführt. Jetzt können Sie Ihre Konsole überprüfen, um die Ausgabe zu sehen.

Ausgang

Ausgabe der Konsole

Wenn Sie die Ausgabe der Konsole sehen möchten, müssen Sie Devtool öffnen, indem Sie die Abkürzungsschlüssel drücken i.e. Strg+ Verschiebung+ i. Nach dem Öffnen des Devtool können Sie den Ausgangsbildschirm der Konsole wie unten gezeigt sehen.

Abschluss

Wir haben gelernt, welches Fenster.Onload () Ereignis ist und lernte auch die Syntax des Onload -Ereignisses. Wir haben kurz verschiedene Methoden zum Schreiben von Onload -Ereignissen in JavaScript zusammen mit einem Beispiel diskutiert. Umrunden, Fenster zusammenfassen.Onload () Ereignisauslöser nach dem Laden der Webseite. Wir sehen auch, dass das Onload -Ereignis nützlich ist, um die Version von Browsern festzulegen, und auch verwendet, um die Cookies einer Webseite zu beobachten.