jQuery : $(window).load, $(document).ready 로드 후 실행되는 시간

$(document).ready(function(){

  // code
});

브라우저에서 DOM 트리를 생성하고난 후에 실행되게 되는 코드입니다.(DOM is ready)

$(window).load(function(){
  // code
}); 

모든 include 되는 프레임들과 object들, 이미지까지 로드된 이후에 실행됩니다.

document가 ready된 시점에는 DOM에 대한 접근만이 자유롭겠지만
아직 브라우저에서 다른 객체들이나 이미지들을 로드하지 않은 상황이므로
어떤 페이지를 사용자가 접근할 때 이미지에 대한 가공을 하려한다면 실패하게 되겠죠.
하지만, window를 로드하고난 이후에 실행되는 코드들은
모든 객체나 프레임들(외부 contents를 담는 프레임까지), 이미지까지 모두 로드한 이후에 실행되므로
document에서 제한된 작업을 진행할 수 있겠습니다.
다만, 그렇게된다면 페이지의 로드타임만큼 사용자는 오랜 시간을 모니터앞에서 답답하게 기다려야하겠죠.