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 von „http://wiki.selfhtml.org/index.php?title=JavaScript/DOM/Event/load&oldid=97385"