[jQuery] document ready, window load

 

 

 

 

document ready와 window load의 실행순서

 

$(window).load(function(){
	console.log("window load");
});

$(document).ready(function(){
	console.log("document ready");
});

 

 

웹 문서를 읽어, DOM이 생성되면 document ready가 실행되고

 

이후 이미지를 포함한 요소들이 로드되어, 페이지 로딩이 완료되면 window.load가 실행된다.

 

document ready > window load

 

 

 

 

document ready

- 이미지, 외부 리소스와는 상관없이 DOM (Document Object Model)이 생성 직후 실행된다.

 

- 중복 사용하여 실행할 경우 선언한 순서대로 실행된다.

 

 

 

 

window load

- 페이지 로딩이 완료된 후 실행된다.

 

- 이미지를 포함한 모든 요소들(js, css...) 이 로드된 후 실행된다.

 

- body에서 onload이벤트를 쓰는 경우 window load가 실행되지 않는 현상이 발생한다.