多方法实现在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种方式。