javascript ready和load事件的区别

javascript ready和load事件的区别

ready一般是你要用jq代码时用的。

$(document).ready(function(){
//do something
})

load一般是要用js代码的时候用的

$(window).onload(function() {
alert("hello");
});

1.执行时间

window.onload

必须等到页面内包括图片的所有元素加载完毕后才能执行。

$(document).ready()

是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

window.onload没有简化写法

$(document).ready(function(){})

可以简写成

$(function(){});