window.onload VS document.ready

window.onload

DOM의 standard event
HTML의 로딩이 끝난 후 실행

document.ready

JQuery의 event
브라우저가 DOM트리 생성한 직후 실행



<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
window.onload = function() { alert("첫번째 window.onload"); };
window.onload = function() { alert("두번째 window.onload"); };
$(document).ready(function() { alert("첫번째 ready()"); });
$(document).ready(function() { alert("두번째 ready()"); });
</script>


찍어보면 
첫번째 ready
두번째 ready
두번째 onload가 찍힘

참조] http://lucya-life.tistory.com/75