耳聽爲虛,眼見爲實。通過下面的實例可查看兩者的異同（注意：aa.jpg最好是一張大容量圖片）
<html>
<head>
<script type='text/javascript' src='jquery-1.3.2.min.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
alert("先加載DOM結構,再彈出對話框,後加載大型圖片及內容");
});
//***************
//window.οnlοad=function(){ alert("先加載DOM結構,後加載大型圖片及內容,再彈出對話框");}
//***************
</script>
</head>
<body>
<p>大量內容</p>
<img src='aa.jpg'/>
</body>
</html>
說明：$(document).ready()是在DOM結構載入完後執行的，而window.onload是得在所有文件都加載完後執行的，注意區別，一個是DOM加載完，一個是所有文件加載完
所謂DOM加載完，就是指DOM模型加載完，也就是指代碼加載完。
兩者最大的區別，就是DOM加載完之後，不必再去等相應的圖片加載完就可以執行JS代碼了。
補充：(兩者的具體用法)
window.onload用法
<script type='text/javascript'>
function winready(){
document.getElementById.('load').style.display='none';
}
window.οnlοad=winready; //或者window.οnlοad=function(){winready();}
</scritp>
jquery用法:
<script type='text/javascript'>
$(document).ready(function(){
$('#load').css('display','none');
})
</script>
