DOM 리소스가 작을 경우 (클 경우 1 3 2 )
1. script 순서대로 실행
2. dom 로딩후 window.onload(=body onload)
3. dom 로딩후 $(document).ready(=$(function(){}))
$(document).ready() = $(function())
외부리소스, 이미지와는 상관없이 브라우저가 DOM트리를 생성한 직후 실행
window.load()와 비슷한 시점 실행되고 중복사용해도 선언한 순서대로 실행
(html리소스 작은 경우 onload가 빠름)
(html리소스가 큰 경우 ready가 빠름)
(window).load() = body onload
DOM의 standart 이벤트
Html로딩이 끝난 후 사용
딱한번만 로딩(중복 이벤트 불가)
화면에 필요한 모든 요소(css, js, image..)가 웹 브라우저 메모리에 올려진 다음 실행
화면이 모두 그려진 다음에 실행되는 이벤트에 적합
외부링크나 파일 include 시 그안에 window.load 스크립트가 있으면 둘중 하나 실행
