html资源加载前触发事件,jquery页面加载时触发ready()事件

ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：

$(document).ready(function(){})等价于$(function(){});

如果处理函数绑定 给window对象，则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发，如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发。

下面给出jQuery ready与window.onload的区别

window.load

$(document).ready()

执行时机

必须等待网页中所有的内容加载完毕后(包括图片)才能执行

网页中所有DOM结构绘制完毕后就执行，可以能DOM元素关联的内容并没有加载完

编写个数

不能同时编写多个

以下代码无法正确执行：

window.onload = function(){

alert("ancto");

};

window.onload = function(){

alert("www.ancto.net");

};

结果只输出第二个

能同时编写多个

以下代码正确执行：

$(document).ready(function(){

alert("Hello Aseoe");

});

$(document).ready(function(){