document ready 와 window load 의 차이

http://creator1022.tistory.com/156#comment7719602

document 는 DOM 구조를 이야기 하는 것으로,

$(document).ready(function(){

  // 이곳에 기술되는 내용은 DOM 구조가 메모리에 올려진 다음 바로 실행되므로,

  // CSS 나 JS, 이미지, iframe, 외부 URL 인용 등이 작동하기 이전에 실행될 수 있네요..

});

이에 반해서, window 는 브라우저의 모든 개체를 아우르기 때문에,

$(window).load(function(){

  // 이곳에 기술되는 내용은 화면에 필요한 모든 요소들이 웹브라우저 메모리에 모두 올려진 다음에 실행되므로,

  // CSS 나 JS, 이미지, iframe, 외부 URL 인용 등이 작동된 다음에 실행될다 할 수 있네요..

  // 화면이 모두 그려진 다음의 메시징이나, 이미지나 관련 요소가 모두 올려진 다음의 애니메이션에 적합

});