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

2 window.addEventListener('load', () =&gt; { console.log('All resources has been loaded!'); // =&gt; All resources has been loaded! (после загрузки HTML и всех связанных ресурсов) });<p>В этом заключается отличие данного события от события DOMContentLoaded на объекте document, которое срабатывает, когда браузер полностью загрузил HTML, построил DOM-дерево, но внешние ресурсы еще не загрузились.</p>