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>