develog

[html] DOMContentLoaded 본문

카테고리 없음

[html] DOMContentLoaded

냐옴 2021. 4. 23. 09:45

jQuery $(document).ready 와 동일

document.addEventListener('DOMContentLoaded', function() {
    console.log('DOMContentLoaded');
});

document.readyState

loading document 로딩 중
interactive 문서의 로딩은 끝나고 image, style 과 같은 하위 자원들은 로딩되고 있는 상태
completed 문서와 모든 하위 자원들의 로드가 완료된 상태. load 이벤트가 발생되기 직전 상태

developer.mozilla.org/ko/docs/Web/API/Document/readyState

 

Document.readyState - Web API | MDN

Document.readyState Document.readyState 속성을 통해  document의 로딩 상태를 확인할 수 있다. Document.readyState 속성 값이 바뀔 때 readystatechange (en-US) 이벤트가 document에서 일어난다.var string = document.readyState;

developer.mozilla.org

 

 

 

Comments