jQuery 화면 실행 시 자동 실행 함수

window.onload

---

Javascript에서 페이지가 로드되면 자동으로 실행되는 함수를 구현할 때

전역 콜백함수인 window. onload 함수를 사용한다.

 

실행시점

모든 요소들이 로드된 이후에 호출된다.

 

특징

1. 페이지의 모든 요소들이 로드되어야 호출된다.

2. 한 페이지에서 하나의 window.onload() 함수만 적용된다.

 

사용법

아래와 같이 익명함수 형태로 사용한다.

window.onload = function () {

자바스크립트 코드...

}

 

$(document).ready()

---

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

 

실행시점

DOM 요소들만 로드되면 호출된다.

 

특징

1. 외부 리소스 및 이미지 로딩과 상관없이 DOM만 로드되면 바로 실행된다.

2. 중복 사용해도 순서대로 모두 실행된다.

 

사용법

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

//생략하면..
$().ready(function(){
});

//더 생략하면..
$(function(){
});

 

출처 : https://malonmiming.tistory.com/136