window.onload和$(docunment).ready的區別

      瀏覽器加載完DOM后，會通過javascript為DOM元素添加事件，在javascript中，通常使用window.onload()方法。

在jquery中，則使用$(document).ready()方法。下面介紹一下兩者的區別。

1.執行時機 
      window.onload ：必須在頁面所有元素（包括圖片，引用文件）加載完后執行。。 
      $(document).ready() ：是頁面中所有HTML DOM，CSS DOM結構加載完之后就會執行，其他圖片可能沒有加載完。

如果想要網頁所有內容（包括圖片等）加載完畢，再注冊事件，使用$(window).load(function);等價於window.onload()。

2.編寫個數不同 

       window.onload ：不能同時寫多個，后面的將會覆蓋前面的。

      $(document).ready() ：可以同時編寫多個，並且都可以得到執行。

3.簡化寫法 

      window.onload ：無。

      $(document).ready() ：

$(document).ready(function(){
　　//to do;
})；

$().ready(function(){ //$()不帶參數默認是document
　　//to do;
});

$(function(){
　　//to do;
});

最后附上一段在所有DOM元素加載之前執行的jQuery代碼

<script type="text/javascript">
(function() {
            alert("DOM還沒加載哦!");
        })(jQuery)
  </script>