window.load
|
$(document).ready()
| |
执行时机
|
必须等待网页中所有的内容加载完毕后(包括图片)才能执行
|
网页中所有DOM结构绘制完毕后就执行,可以能DOM元素关联的内容并没有加载完
|
编写个数
|
不能同时编写多个
以下代码无法正确执行:
window.onload = function(){
alert("caibaojian");
};
window.onload = function(){
alert("caibaojian.com");
};
结果只输出第二个
|
能同时编写多个
以下代码正确执行:
$(document).ready(function(){
alert("Hello Caibaojian");
});
$(document).ready(function(){
alert("Hello caibaojian.com");
});
结果两次都输出
|
简化写法
|
无
|
$(function(){
// do something
});
|
JS的Window.onload写法:
Window.onload = function(){
// 编写代码
}
如果用JQuery的等价写法为:
$(window).load(function(){
// 编写代码
});