Что такое событие DOMContentLoaded?

Это событие, которое возникает, когда первоначальный HTML-документ полностью загружен и разобран, без ожидания завершения загрузки таблиц стилей, изображений и подфреймов.

Главное отличие от события load:

• DOMContentLoaded: Сработает, когда структура DOM готова.
• load: Сработает только после полной загрузки всех ресурсов страницы (изображений, CSS, скриптов, если они не async/defer).

Использование:

javascript

Это событие часто используется для выполнения JavaScript-кода, который манипулирует DOM, так как нет необходимости ждать загрузки всех внешних ресурсов.