[JavaScript] 문서의 DOM이 모두 로드된 후 실행하기 (로딩의 순서)
2022. 12. 9. 20:33
프로그래밍/JavaScript
브라우저가 HTML 파일을 읽어오는 순서 사용자에 의해 웹브라우저 시작 👉 브라우저의 웹문서 읽기 👉 DOM 생성 👉 $(document).ready 메소드 실행 👉 각 요소들이 로드되기 시작 👉 모든 요소의 로드가 완료되면 $(window).load 메소드 실행 됨 Ready $(document).ready 브라우저에서 DOM이 완성된 시점 DOM트리 생성 직후이므로 window.onload보다 빠름 (HTML의 소스코드만의 로딩이 끝나서 어떻게 표현할 것인지나 내부속성이 완성) $(document).ready(function(){ // 태그 등의 셋팅이 완료되었을 시점에 이벤트 발생 }); DOMContentLoad document.ready와 비슷함 window.addEventListener('DO..