◈ 페이지 로딩 순서 $(document).ready ◈

$(document).ready(function(){
	console.log('document.ready');
});

$(window).ready(function(){
	console.log('window.ready');
});

window.onload = function() {
	console.log('window.onload');
};

-- RESULT
> document.ready
> window.ready
> window.onload

 

window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출되며
$(document).ready() 는 DOM 요소들만 로드되면 호출된다.



window.onload 는 한 페이지에 하나의 함수만 호출되지만
$(document).ready() 는 모두 호출된다.

 

$('.content').click(function(){
  $('.content');
});

 

경우에 따라 서는 window.onload 가 호출이 잘 안되는 경우가 있는데,

window.onload = function() {
    //JOB
};

아래 코드로 바꿔서 사용하면 잘됨

window.addEventListener('load', function() {
    //JOB
});

이벤트 바인딩 참고

https://devlink.tistory.com/865