DOM

settings_applicationsEventTarget  >   settings_applicationsNode  >   settings_applicationsDocument

DOM

Editing
  • bug_report

EventDOMContentLoaded

insert_drive_fileEventinterfaceopen_in_new
Event interface는 Document에서 DOMContentLoaded 이벤트 타입으로 구현된다.

Document의 DOMContentLoaded는 Event interface의 이벤트 타입이고 이벤트 리스너에서 사용된다.

기본 개요

HTML 문서가 완전히 로드되어 구문 분석이 되고 모든 지연된 스크립트(<script defer>, <script type="module">)가 다운로드 및 실행되면 발생한다.

설명

DOMContentLoaded 이벤트는 스타일시트가 로드될 때 까지 기다리지 않지만 지연된 스크립트는 스타일시트를 기다린다. 또한 지연되거나 동기화 스크립트는 이미 구문 분석된 스타일시트가 로드될 때까지 기다린다.

이미지, 서브 프레임, 비동기 스크립트의 완료에는 관여하지 않는다. 또한 비슷한 load 이벤트와는 구분되어 사용이 되어야 하며 DOMContentLoaded 이벤트가 적절한 곳에서 오히려 load 이벤트를 사용하는 것은 좋지 않다.

구문

형식
document.addEventListener("DOMContentLoaded", function() { })
형식
document.addEventListener("DOMContentLoaded", function() {});

명세

typeDOMContentLoaded
bubblesno
cancelableno
targetDocument
handlerno

버전 명세

HTML Standard API
#stop-parsing
HTML Standard API
#stop-parsing

지원 웹브라우저