document.ready / window.ready / window.onload 실행 순서

1. 실행 순서
   document.ready - window.ready - window.onload

2. 설명
   window.ready , document.ready
   window.ready 보다 document.ready 가 먼저 실행됩니다.

window.ready

페이지 내의 이미지를 포함하여 모든 리소스가 로드 되고나서 실행

document.ready

1) 호출 시점 - DOM이 로드된 시점
2) 특징

• 외부 리소스 및 이미지 로딩과 상관없이 DOM만 로드되면 바로 실행된다.
• 중복 사용해도 순서대로 모두 실행된다.

window.onload

1) 호출 시점 - 페이지의 모든 요소들이 로드된 이후에 호출
2) 특징

• 페이지의 모든 요소들이 로드되어야 호출된다.
• 한 페이지에서 하나의 window.onload()함수만 적용된다.
• window.onload 는 와 같은 기능.
  둘 다 선언된다면 body 의 함수가 실행되고 window.onload 함수는 실행되지 않습니다.
  window.onload 함수가 두개 이상 선언되면 가장 나중에 호출된 함수만 적용
  

DOM 생성됨 -> $(document).ready(function(){}); -> 이미지를 포함한 요소들이 로드 -> window.onload