Javascript & Jquery 페이지 로드 후 이벤트 실행하는 방법

Javascript와 Jquery를 사용하다보면 페이지가 로딩되었을 때, 이벤트를 사용하기 위해 실행하는 방법에 대하여 정리하였다.

// 1번
$(document).ready(function(){
   ... 
});

// 2번
$(function(){
    ...
});

위 1번, 2번의 경우 Jquery에서 사용하는 방식이다. 소스와 상관 없이 DOM에서만 생성되어도 호출이 된다.

즉, 이미지와 같은 리소스를 요구하는 페이지일 경우, 이미지 로딩의 완료에 상관 없이 진행된다.

// 3번
window.onload = function(){
    ...
};

그러나 3번 같은 경우, DOM레벨 0방식의 Javascript 로 현재 호출되고 있는 페이지에서 DOM 뿐만 아니라 리소스 호출까지 완료 되었을 경우 실행된다.