Что такое событие onload

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

Пример с window.onload:

window.onload = function() {
  console.log('Страница полностью загружена!');
  // Можно безопасно работать с DOM
  document.getElementById('myElement').style.color = 'red';
};

Альтернативный вариант с addEventListener:

window.addEventListener('load', function() {
  // Код выполнится после загрузки всех ресурсов
});

Важные нюансы:

1. Отличается от DOMContentLoaded (срабатывает раньше, когда построен DOM)
2. Для отдельных элементов (img, script) тоже работает
3. Если назначить несколько обработчиков через onload, предыдущие перезапишутся