[JS] document.ready 와 window.load 차이

$(document).ready

$(function(){ 과 같다. DOM 즉 문서 객체 모델(HTML이나 XML)이 생성되면 이 때 동작합니다. 중복 사용해도 선언한 순서대로 실행이 됩니다.

$(document).ready(function() {

 // 문서가 전부 로드되었을 때 실행된다. 

});

$(window).load는 화면에 필요한 모든 요소(css, image등등)가 로드가 되면 동작합니다. 동작순서는 document 다음 window이다. 중복 사용하면 둘 중 하나만 적용 됩니다.

$(window).load(function() { 

// 모든 창이 모드 로드되었을 때 실행된다. 

});