JavaScript/DOM/Event/load

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von Load)
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