В чём разница между событиями DOMContentLoaded и load?

Событие `DOMContentLoaded` происходит на объекте `document` когда HTML-документ полностью загружен и разобран, но внешние ресурсы (картинки, стили, фреймы) ещё могут догружаться. То есть DOM готов к работе. Событие `load` происходит на объекте `window` после загрузки всех ресурсов страницы – в том числе изображений, стилей, скриптов и пр. Обычно `DOMContentLoaded` наступает раньше, и в нём удобно инициализировать скрипты, не дожидаясь тяжелых ресурсов. Событие `load` же полезно, когда нужно убедиться, что всё полностью загружено (например, для скриптов, рассчитывающих размеры изображений).