斜體樣式首先看一下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沒有簡化寫法 。 $(docum$

e n t ) . r e a d y ( f u n c t i o n ( ) ) 可 以 簡 寫 成 (document).ready(function(){})可以簡寫成 (function(){});

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

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

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

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

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