JavaScript/DOM/Event/load

Aus SELFHTML-Wiki
JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Der load-Event-Handler wird beim Laden einer Datei ausgelöst.

bubbles

nein

cancelable

nein

mögliche Auslöser

body

Event-Objekt

Event

Beispiel ansehen ... 
window.addEventListener('load', Meldung);
function Meldung() {
 alert('Die Seite wurde vollständig geladen!');
}

Im Beispiel wird beim vollständigen Aufbau des DOMS und beim vollständigen Laden der HTML-Datei mit allen externen Ressourcen jeweils eine Meldung ausgegeben.

Empfehlung: In vielen Browsern wird load erst ausgeführt, wenn alle Bilder geladen sind.[1] . Verwenden Sie anstelle des load-Events DOMContentLoaded . Es feuert ein Event, wenn das DOM geladen ist, sodass nicht auf das Laden aller Bilder und anderer externer Ressourcen gewartet werden muss[2] [3]

Siehe auch

Weblinks

MDN: DOMContentLoaded Event

  1. ↑ mediaevent: onload
  2. ↑ molily: Event-Handling onload
  3. ↑ JavaScript/Tutorials: window.onload vs. DOMContentLoaded

Abgerufen am 7.12.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/load"