JavaScript => События

Загрузка страницы, DOM и браузера

Это пример объяснения изменений событий загрузки.

событие onload

<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

<script>
    function someFunction() {
    console.log("Hi! I am loaded");
}
</script>

В этом случае сообщение регистрируется, как только все содержимое страницы, включая изображения и таблицы стилей (если они есть) , полностью загружены.

Событие DOMContentLoaded

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("Hello! I am loaded");
});

В приведенном выше коде сообщение регистрируется только после загрузки DOM / документа ( то есть: после создания DOM ).

Самозапускающаяся анонимная функция

(function(){
    console.log("Hi I am an anonymous function! I am loaded");
})();

Здесь сообщение регистрируется, как только браузер интерпретирует анонимную функцию. Это означает, что эта функция может быть выполнена даже до загрузки DOM.

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow

JavaScript
События

Поиск…

Загрузка страницы, DOM и браузера