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

2019独角兽企业重金招聘Python工程师标准>>>

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.οnlοad=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()可以加载多个函数

 

转载于:https://my.oschina.net/u/3759734/blog/1606190