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!
| 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