자동실행 함수 $(document).ready()

2022.04.28

 

Javascript로 페이지 로드 시 자동으로 실행되는 함수를 구현하려면 window.onload 함수를 사용

페이지의 모든 요소들이 로드되어야 호출 됨(페이지가 모두 로드된 시점)

한페이지에는 하나의 window.onload() 가 적용됨

 

window.onload = function () {
	alert("hi")
}

 

 

jQuery는 자바스크립트의 window.onload 함수의 문제점을 해결하기 위해 $(document).ready() 함수를 사용

DOM이 모두 로드 되면 실행됨

중복 사용해도 순서대로 모두 실행됨

$(document).ready(function(){
	alert("hi")
});

// or

$().ready(function(){
	alert("hi")
});

 

 

// 참고

https://zuyo.tistory.com/525

JavaScript | 자동 실행 함수 (window.onload, $(document).ready())