GlobalEventHandlers.onload

Die onload-Eigenschaft der GlobalEventHandlers ist ein Ereignis-Handler für das load-Ereignis eines Windows, XMLHttpRequests, <img>-Elements, etc., der aufgerufen wird, wenn die Ressource fertig geladen hat.

Syntax

window.onload = funcRef;

Value

funcRef ist die Handler-Funktion, die aufgerufen wird, wenn das load-Ereignis des Windows eintritt.

Beispiele

window.onload = function() {
  init();
  etwasAnderesTun();
};

<!doctype html>
<html>
  <head>
    <title>onload-Test</title>
    // ES5
    <script>
      function load() {
        console.log("load-Ereignis festgestellt!");
      }
      window.onload = load;
    </script>
    // ES2015 
    <script>
      const load = () => {
        console.log("load-Ereignis festgestellt!");
      } 
      window.onload = load; 
    </script>
  </head>
  <body>
    <p>Das load-Ereignis tritt ein, wenn das Dokument fertig geladen ist!</p>
  </body>
</html>

Anmerkungen

Das load-Ereignis tritt am Ende des Dokumentladeprozesses ein. An diesem Punkt befinden sich alle Objekte des Dokuments im DOM und alle Grafiken, Skripte, Links und Sub-Frames sind vollständig geladen.

Es gibt zudem Gecko-spezifische DOM-Ereignisse wie DOMContentLoaded und DOMFrameContentLoaded (welches mit EventTarget.addEventListener() gehandhabt werden kann), die eintreten, nachdem sich der DOM der Seite aufgebaut hat, aber nicht darauf warten, dass andere Ressourcen fertig geladen wurden.

Spezifikationen

Spezifikation	Status	Kommentar
HTML Living Standard Die Definition von 'onload' in dieser Spezifikation.	Lebender Standard	Anfängliche Definition

Browser-Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Desktop
Mobile

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Ja)	(Ja)	?	?	?	?

Feature	Android	Android Webview	Edge	Firefox Mobile (Gecko)	Firefox OS	IE Mobile	Opera Mobile	Safari Mobile	Chrome for Android
Basic support	?	(Ja)	(Ja)	?	?	?	?	?	(Ja)

Siehe auch

DOMContentLoaded-Ereignis in Listening to events: Simple DOM events
IIFE Immediately-invoked function expression

Zuletzt verändert:

Mar 23, 2019, by MDN contributors