$(document).ready() 와 $(window).load() 차이

$(document).ready()

• 외부 리소스, 이미지와는 상관 없이 브라우저가 DOM ( Document object model ) 트리를 생성한 직후 실행
• window.load() 보다 빠르게 실행
• 중복 사용하여 실행해도 선언한 순서대로 실행됨

 

$(window).load()

• DOM 의 standard 이벤트.
• HTML 의 로딩이 끝난 후에 시작
• 화면에 필요한 요소 (  CSS, js, image, iframe etc .. ) 들이 웹 브라우저 메모리에 모두 올려진 다음에 실행 된다.
• 화면이 모두 그려진 다음에 메세징이나 이미지가 관령 요소가 모두 올려진 다음의 애니매이션에 적합함
• 전체 페이지의 모든 외부 리소스와 이미지가 브라우저에 불려운 이후 작동하게 되어 이미지가 안뜨너가 딜레이가 생길 때에는 그만큼의 시간을 기달려야 한다.
• 외부 링크나 파일 인크루트시 그 안에 window.load 스크립트가 있으면 둘 중 하나만 적용 된다.

 

$(window)load() > $(document)ready()

• document 는 window의 자식 객체
• document : html 의 요소들이나 속성들에 접근할 시 사용하는 객체
• $(document).ready() 실행이 더 빠르다