DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생합니다. 스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않습니다.

취소 가능 예 (although specified as a simple event that isn't cancelable)
인터페이스 Event
이벤트 처리기 속성 아니오

DOMContentLoaded의 원본 대상은 다 불러온 Document입니다. You can listen for this event on the Window interface to handle it in the capture or bubbling phases. For full details on this event please see the page on the Document: DOMContentLoaded (en-US) event.

A different event, load, should be used only to detect a fully-loaded page. It is a common mistake to use load where DOMContentLoaded would be more appropriate.


기본 용도

window.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');


HTML Standard
# event-domcontentloaded

브라우저 호환성

BCD tables only load in the browser

같이 보기