首先看一下window和document的區別 window 1.window物件表示瀏覽器中開啟的視窗。 2.window物件可以省略，如:window.console.log（）等價於console.log()

document 1.document物件是window物件的一部分。如： document.body 等價於 window.document.body 2.瀏覽器的html文件成為document物件。

jquery $(document).ready() 與window.onload的區別

1.執行時間 window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。 $(document).ready()是DOM結構繪製完畢後就執行，不必等到載入完畢。

2.編寫個數不同 window.onload不能同時編寫多個，如果有多個window.onload方法，只會執行一個 。$(document).ready()可以同時編寫多個，並且都可以得到執行。

3.簡化寫法 window.onload沒有簡化寫法 。 $(document).ready(function(){})可以簡寫成$(function(){});

$(document).ready(function(){
  // 執行程式碼
});
或者
$(function(){
  // 執行程式碼
});

 

通常用jq開發專案，不需要等到所有元素載入完那成後執行，直接這樣寫即可

$(document).ready(function(){
});

但是有一些需求必須要等所有的所有元素都載入完畢，才可以執行一些方法的時候，比如說，部分圖片或者什麼其他方面還沒有載入好，這個時候，點選某些按鈕，會導致出現意外的情況，這個時候，就需要用到:

$(window).load(function () {
  $("#loadfinish").click(function () {
  });
});