Szukaj…
Ładowanie strony, DOM i przeglądarki
Jest to przykład wyjaśniający zmiany zdarzeń obciążenia.
- zdarzenie onload
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>
<script>
function someFunction() {
console.log("Hi! I am loaded");
}
</script>
W takim przypadku wiadomość jest rejestrowana po całkowitym załadowaniu całej zawartości strony, w tym obrazów i arkuszy stylów (jeśli istnieją) .
Zdarzenie DOMContentLoaded
document.addEventListener("DOMContentLoaded", function(event) { console.log("Hello! I am loaded"); });
W powyższym kodzie wiadomość jest rejestrowana dopiero po załadowaniu DOM / dokumentu ( tj. Po zbudowaniu DOM ).
Wywoływanie anonimowej funkcji
(function(){ console.log("Hi I am an anonymous function! I am loaded"); })();
Tutaj wiadomość jest rejestrowana, gdy tylko przeglądarka interpretuje anonimową funkcję. Oznacza to, że ta funkcja może zostać wykonana nawet przed załadowaniem DOM.
Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow