О чем сигнализирует load

Событие load сигнализирует о том, что ресурс (например, изображение, скрипт, стиль или сам документ) полностью загружен. Для документа (window.onload) это означает, что весь HTML, CSS, JS и другие ресурсы (изображения, iframe и т.д.) загружены и готовы к взаимодействию.

Пример:

window.addEventListener('load', () => {
  console.log('Все ресурсы загружены!');
});

// Для отдельных элементов
const img = document.querySelector('img');
img.addEventListener('load', () => {
  console.log('Изображение загружено');
});

Нюансы:

• DOMContentLoaded срабатывает раньше, когда DOM готов, но без ожидания стилей/изображений
• Для динамически созданных элементов нужно подписываться до установки src
• Если ресурс уже загружен, событие может не сработать