$(document).ready, $(window).load

순서 : $(document).ready 실행 → $(window).load(=window.onload) 실행

 

$(document).ready는 jQuery에서 사용되는 이벤트로서 DOM을 생성 후 수행된다.

 

$(window).load는 모든 리소스(외부 리소스, 이미지 등등)가 로드된 후 수행된다.

 

window.onload javascript의 내장 함수로서 $(window).load와 같은 기능을 한다.

 

window.onload는 중복이 허용되지 않으며 중복될 시에 가장 아래에 있는 함수가 수행된다. 이러한 문제를 해결하기 위해 jQuery에서 window.onload를 제공한다.

 

[출처] $(document).ready, $(window).load 순서|작성자 2JM