window.onload 와 $(document).ready 의 차이

 

 

$(document).ready

외부리소스와 이미지와 상관없이 DOM데이터만 로드되면 실행되는 함수로

window.onload보다 빠르게 실행된다.

 

 

 

 

window.onload

전체 페이지의 모든 외부리소스와 이미지가 브러우저로 불러온 이후에 작동하며 

딜레이가 생기는 경우 그만큼의 시간을 기다려야한다. 

 

 

 

<script type="text/javascript">

    window.onload = function() {
         alert("2");
    }
    
    $(document).ready(function(){
         alert("1");
    });
    
    
</script>