window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完 网页中所有DOM结构绘制完毕后就执行,
毕后(包括图片)才能执行 可能DOM元素关联的东西并没有加载完
编写个数 不能同时编写多个 能同时编写多个,以下代码正确执行:
以下代码无法正确执行: $(document).ready(function(){
window.οnlοad=function(){ alert('a');
alert('a'); });
}; $(document).ready(function(){
window.οnlοad=function(){ alert('b');
alert('b'); });
}; 结果依次弹出'a'和'b'
结果只会弹出'b'
简化写法 无 $(function(){
//......
}); 或
$( ).ready(function(){
//......
});
$(window).load(function(){ 等价于 window.οnlοad=function(){
//...... //......
}); });
jQuery中的load()方法会在元素的onload事件中绑定一个处理函数。如果处理函数绑定给window对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。