Что делает метод document onload js?

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
24 декабря 2022

Событие load срабатывает на объекте window (а не на document, как в вопросе) в тот момент, когда браузер загрузил HTML, построил DOM-дерево, а также загрузил все внешние ресурсы (картинки, стили и т.д.).

window.addEventListener('load', () => {
  console.log('All resources has been loaded!'); // => All resources has been loaded! (после загрузки HTML и всех связанных ресурсов)
});

В этом заключается отличие данного события от события DOMContentLoaded на объекте document, которое срабатывает, когда браузер полностью загрузил HTML, построил DOM-дерево, но внешние ресурсы еще не загрузились.

0 0
Познакомьтесь с основами JavaScript бесплатно