load и DOMContentLoaded - это два разных события в JavaScript, которые происходят в разное время при загрузке веб-страницы.

DOMContentLoaded - это событие, которое происходит, когда браузер полностью загрузил HTML-документ и построил DOM-дерево, но не дождался загрузки всех внешних ресурсов (таких как изображения, стили и скрипты). Это событие происходит раньше, чем событие load, и обычно используется для выполнения дополнительных действий на странице, которые не зависят от загрузки внешних ресурсов.

Пример использования DOMContentLoaded:

document.addEventListener("DOMContentLoaded", function () {
  console.log("DOM fully loaded and parsed")
  // дополнительный код для обработки страницы после загрузки DOM
})

load - это событие, которое происходит, когда браузер полностью загрузил HTML-документ и все связанные с ним внешние ресурсы (такие как изображения, стили и скрипты). Это событие происходит позже, чем событие DOMContentLoaded, и обычно используется для выполнения дополнительных действий на странице, которые зависят от загрузки внешних ресурсов.

Пример использования load:

window.addEventListener("load", function () {
  console.log("All assets are loaded")
  // дополнительный код для обработки страницы после загрузки всех ресурсов
})

В этом примере мы используем метод addEventListener() для добавления обработчика события load на объект window. Затем мы используем console.log() для вывода сообщения в консоль после загрузки всех ресурсов на странице.

Назад