JavaScript/DOM/Event/load

Aus SELFHTML-Wiki
JavaScript‎ | DOM‎ | Event
Version vom 15. Juni 2024, 21:28 Uhr von RolfBot (Diskussion | Beiträge) (→‎top: replaced: <source lang="javascript"> → <syntaxhighlight lang="javascript">, </source> → </syntaxhighlight>)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
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 4.09.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/load"