JavaScript Window-Onload-Funktionsaufruf
-
window.onload
Nutzung der Funktionalität mit Beispiel in HTML -
Untersuchen Sie den gegebenen
HTML
-Code in wenigen Schritten - Alternative Möglichkeit, dieselben Ergebnisse zu sehen
![JavaScript Window-Onload-Funktionsaufruf](/img/JavaScript/feature-image---window.onload-functionality-usage-with-example-in-html.webp)
In diesem Artikel wird der Zweck der window.onload-Methode in JavaScript anhand eines Beispiels erläutert. Die Funktion window.onload wird ausgeführt, um eine Aufgabe auszuführen, sobald die Seite im Browser vollständig geladen ist.
window.onload
Nutzung der Funktionalität mit Beispiel in HTML
Die Methode window.onload
wird ausgelöst, wenn die Seite vollständig im Browser geladen ist (sowie alle Bilder, Stile, Skripte und CDN). Hier sehen Sie ein Beispiel für den Quellcode einer HTML
-Seite, der die Methode window.onload für die automatische Ausführung verwendet, um eine Warnbox anzuzeigen.
<html>
<head>
<title>(Window.onload function in HTML)</title>
<script type="text/javascript">
function code(){
alert(" Alert inside code function Window.onload");
}
window.onload=code();
</script>
</head>
<body>
<h1> Graphic Designer Firm </h1>
<p1> A craft of creating visual content to communicate messages.</p1>
</br> <img src = "Graphic-Design.png" height="500px" width="500px" >
</br> <hr width="800">
</body>
</html>
In der obigen HTML
-Seitenquelle sehen Sie das <script type="text/javascript">
-Tag, das JavaScript
in doctype html verwendet. Im nächsten Schritt wird function code()
innerhalb des <script>
-Tags deklariert.
Die Funktion code()
heißt window.onload
. Es zeigt einen standardmäßigen Warndialog an, wenn eine Webseite vollständig mit Bildern und Textinhalten geladen wird.
Untersuchen Sie den gegebenen HTML
-Code in wenigen Schritten
Folgen Sie diesen vier einfachen Schritten und machen Sie sich ein klares Verständnis der Methode window.onload
.
-
Erstellen Sie ein Textdokument. Sie können Notepad oder jedes andere Textbearbeitungswerkzeug verwenden.
-
Fügen Sie den angegebenen Code in die erstellte Textdatei ein.
-
Speichern Sie diese Textdatei mit der Erweiterung
.html
und öffnen Sie sie mit einem beliebigen Standardbrowser. -
Sie können eine Warnbox sehen, die direkt nach dem vollständigen Laden der Seite angezeigt wird.
Alternative Möglichkeit, dieselben Ergebnisse zu sehen
Sie können die Ergebnisse der Warnmeldung erreichen, indem Sie ein alternatives onload
-Ereignis über ein Body-Tag verwenden. Hier ist ein Beispiel für ein Body-Tag, das die automatische Ausführung verwendet, um einen Funktionscode aufzurufen, der ein Warnfeld enthält:
<script type="text/javascript">
function code(){
alert(" Alert inside code function");
}
</script>
<body onLoad="code()";>
In beiden Beispielen haben onLoad
of body-Tag und window.onload
die gleiche Funktionalität, um die Anweisungen nach Abschluss des Seitenladens auszuführen.