Suche…
Seite, DOM und Browser werden geladen
Dies ist ein Beispiel, um die Variationen von Lastereignissen zu erklären.
- Onload-Ereignis
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>
<script>
function someFunction() {
console.log("Hi! I am loaded");
}
</script>
In diesem Fall wird die Nachricht protokolliert, sobald der gesamte Inhalt der Seite einschließlich der Bilder und Stylesheets (falls vorhanden) vollständig geladen ist.
DOMContentLoaded-Ereignis
document.addEventListener("DOMContentLoaded", function(event) { console.log("Hello! I am loaded"); });
Im obigen Code wird die Nachricht nur protokolliert, nachdem das DOM / Dokument geladen wurde ( dh: sobald das DOM erstellt wurde ).
Anonyme Funktion zum Selbstaufrufen
(function(){ console.log("Hi I am an anonymous function! I am loaded"); })();
Hier wird die Nachricht protokolliert, sobald der Browser die anonyme Funktion interpretiert. Das bedeutet, dass diese Funktion ausgeführt werden kann, bevor das DOM geladen wird.
Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow