JavaScript Challenge от Manlikeakin, день 93: DOM: DOMContentLoaded.

Вау... мы закончим это задание к этому времени на следующей неделе!

DOMContentLoaded  срабатывает при загрузке  содержимого DOM, не дожидаясь завершения загрузки изображений и таблиц стилей.

Вам нужно обработать  DOMContentLoadedevent , когда вы размещаете JavaScript в заголовке страницы, но ссылаетесь на элементы в теле, например:

В этом примере мы ссылаемся на кнопку в  теле  из JavaScript в  голове .

Поскольку DOM не был загружен, когда движок JavaScript анализирует JavaScript в голове, кнопка с идентификатором btn не существует.

Чтобы исправить это, вы помещаете код в  обработчик события DOMContentLoaded  , например:

Когда вы размещаете JavaScript в заголовке, это вызывает узкие места и задержки рендеринга, поэтому лучше переместить скрипт перед  тегом </body> . В этом случае вам не нужно размещать код в  событии DOMContentLoaded  , например:

Резюме

Событие  DOMContentLoaded  срабатывает при загрузке содержимого DOM, не дожидаясь завершения загрузки изображений и таблиц стилей.

Обрабатывайте событие DOMContentLoaded только  в том  случае, если вы поместите код JavaScript в заголовок, который ссылается на элементы в разделе тела.

Спасибо за прочтение!