window.onload、$(window).load()和$(document).ready()

onload是一个事件 ，ready()和load()是一个方法
事件是你经过某种动做触发的，好比单击、双击、鼠标划过等等。。。方法是表明它对一个事情的处理，好比show(),我能够在触发单击事件的时候调用show()，也能够在双击的时候调用

window.onload

window.onload必须等到整个页面包括图片、dom结构的全部元素加载完毕后才能执行

https://www.cnblogs.com/magicgua/p/4363903.html
写法以下

window.onload=function(){

}

 

$(window).load()（1.8版本弃用，3.0版本删除）

$(window).load() 和window.onload=function(){}是页面中的全部元素（包括图片、flash）等都加载完毕后，才能执行；
写法

$( window ).load(function() {
  // Run code
});

//jquery官网的一个实例（load方法能够用在其余元素上）
$( "img.userIcon" ).load(function() {
  if ( $( this ).height() > 100) {
    $( this ).addClass( "bigImg" );
  }
});

 

$(document).ready()

（我在官网上看的翻译是.ready()方法提供了一种在页面的文档对象模型（DOM）变得能够安全操做时当即运行JavaScript代码的方法）

$(document).ready()是DOM结构（不包含图片等非文字媒体文件）绘制完毕后就执行，没必要等到加载完毕。 
写法以下

$(document).ready(function(){

});
//或者
$(function(){

});

.ready()能够写好几个，每一个都执行
.onload()只能写一个,后面的会覆盖前面的，而$(window).load()能够加载多个函数