[JS] 자동실행함수 window.onload와 $(document).ready()의 차이

Javascript에서 사용하는 window.onload와 jquery에서 사용하는 $(document).ready() 의 차이점 

 

1) window.onload 특징

- 가장 큰 특징은 페이지의 모든 요소들이 로드 된 후에 window.onload가 실행된다.

- 자바스크립트 함수에서 실행된다.

- 페이지 하나 당 한개의 window.onload가 실행된다.

window.onload = function(){
	//화면이 로드 되고 사용할 코드 입력
}

 

2) $(document).ready 의 특징

- 페이지당 여러개의 document.ready를 구현해도 모두 실행된다.

- 페이지의 로드 여부와 상관없이 dom 객체가 실행되면 바로 실행된다.

- $(function)으로 대체해서 사용가능 하다.

$(document).ready(function(){
	//페이지 로드 시 실행할 코드 구현
});

//같은 소스
$(function(){
	//페이지 로드 시 실행할 코드 구현
});