多方法實現在HTML頁面加載完畢后運行JS

原生JS寫法：
原生的寫多個會被覆蓋

window.onload = function(){
  //執行代碼
}

jQuery寫法：

//寫法1：
jQuery(document).ready(function(){
  //執行代碼
})
console.log(jQuery===$);//說明$就是jQuery對象的簡寫

//寫法2：
$(document).ready(function(){
  //執行代碼
})


//寫法3：
$().ready(function(){
  //執行代碼
})


//寫法4【推薦】：
$(function(){
  //執行代碼
})

1. 等着 DOM 結構渲染完畢即可執行內部代碼，不必等到所有外部資源加載完成，jQuery 幫我們完成了封裝。
2. 相當於原生 js 中的 DOMContentLoaded。
3. 同於原生 js 中的 load 事件是等頁面文檔、外部的 js 文件、css文件、圖片加載完畢才執行內部代碼。
4. 更推薦使用第4種方式。