[html] DOMContentLoaded

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