页面初始化方法比较

我们有时候需要在页面初始化的时候做一些事情，那么你就得了解清楚他们的不同，不然可能会出现和你预期不一样的效果。下面对3个页面初始化的方法进行比较：window.onload、$(document).ready(function(){})、$(window).load(function(){})。

• window.onload ：js原生的方法。等到页面内包括图片的所有元素加载完毕后执行。（包括样式，js，图片，文件等等加载完）（可写多个，都会执行）。
• $(document).ready(function(){}) ：jquery方法，$(function(){})是它的一种简写方式。DOM结构绘制完毕后就执行，不必等到加载完毕。（即DOM结构绘制完毕就开始执行了，哪怕样式，js，大图等等还没加载完也不影响）（可写多个，都会执行）
• $(window).load(function(){}) ：jquery方法。和 window.onload一样，不一样的是：写多个，只有最后那个才会执行。另外，jquery3.0开始已经废弃该方法了。