document.ready(), window.onload() 차이점

$(document).ready(function(){
	// 외부 리소스 및 이미지와 상관 없이 DOM 데이터만 로드가 완료되면 바로 실행.
	// 가장 먼저 실행됨
});

window.onload = function() {
	// 페이지 안의 외부 리소스, 이미지까지 로딩이 끝난 후에 실행됨
}

★onload 함수는 동일한 페이지 안에서 하나만 존재해야 하는데 만약 외부 라이브러리에서 onload가 이미 선언 되어 있으면 찾아서 하나로 합치는 것이 어려움.

또한 한 페이지 내에서 onload가 2번 쓰이면 앞에 것은 무시되고 뒤에 함수만 동작함.