window.onload和$(document).ready(function(){})

主要的区别有两点：

   1.  执行时机

    window.onload方法是在网页中的所有的元素（包括元素的所有关联文件）都完全加载到浏览器之后才执行。

而通过jQuery中的$(document).ready()方法注册的事件处理程序，只要在DOM完全就绪时，就可以调用了，比如一张图片只要<img>标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等。

    2. $(document).ready()方法可以多次使用而注册不同的事件处理程序.

window.onload一次只能保存对一个函数的引用，多次绑定函数只会覆盖前面的函数。

• window.onload方法在一个页面上注册两次会是什么样的结果：

[html] view plain copy

1. function one(){  
2.    
3.     alert("one");  
4.    
5. }  
6.    
7. function two(){  
8.    
9.     alert("two");  
10.    
11. }  
12.    
13. window.onload = two ;  
14.    
15. window.onload = one ;  
16.  </span>  

上面的代码运行后，会弹出“one”。

$(document).ready()上面的代码运行后，会分别弹出“one”和“two”。

[html] view plain copy

1. <span style="font-family:SimSun;font-size:14px;">function one(){  
2.    
3.     alert("one");  
4.    
5. }  
6.    
7. function two(){  
8.    
9.     alert("two");  
10.    
11. }  
12.    
13. $(document).ready(function(){  
14.    
15.     one();  
16.    
17. });  
18.    
19. $(document).ready(function(){  
20.    
21.     two();  
22.    
23. });</span>  

上面的代码运行后，会分别弹出“one”和“two”。