JavaScript Window-Onload-Funktionsaufruf

  2. How-To's
  3. JavaScript-Anleitungen
  4. JavaScript Window-Onload-Funktionsaufruf
Muhammad Muzammil Hussain 30 Januar 2023
JavaScript JavaScript Window Onload Method
  1. window.onload Nutzung der Funktionalität mit Beispiel in HTML
  2. Untersuchen Sie den gegebenen HTML-Code in wenigen Schritten
  3. Alternative Möglichkeit, dieselben Ergebnisse zu sehen
JavaScript Window-Onload-Funktionsaufruf

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.