[javascript] $(document).ready vs $(window).onload (실행)

$(document).ready(function(){
});

$(window).onload(function(){
});

[오늘의 궁금증]
ready 와 onload 의 차이점은 무엇일까?
뭐가 더 먼저 실행될까?

 

호출시점

• $(document).ready  호출시점 : DOM Tree 생성 완료 후
• $(window).onload 호출시점 : 모든 페이지 구성요소 페인팅 완료 후

 

실행 우선순위

ready() -> .onload()

 

$(document).ready()

• 중복 사용 가능. 
• $(function(){});과 같음

 

$(window).onload() 

• 한페이지에 하나만 사용가능.
• 중복사용 되었다면 가장 마지막 것만 호출됨. 

---

출처 - https://hahahoho5915.tistory.com/28

jQuery .ready() vs .onload() 특징 및 차이