Когда срабатывает load

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

Пример:

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

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

Отличие от DOMContentLoaded: последний срабатывает после построения DOM, но до загрузки стилей/изображений. load ждёт всё. Для динамически созданных элементов load можно использовать, чтобы убедиться, что они загрузились.