window.onload与$.ready的区别

在做图书管理系统的时候，有用到window.onload(){}方法，但是遇到了一个问题，就是怎么都不执行，到底是为什么呢？愁了半天。后来经师姐指点改用了$.ready(){}。在我的浅浅的了解中认为他们是一样的，那为什么这个行，而那个不行呢？so,上网查！

Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法。不过与windows.onload方法还是有区别的。

区别:

执行时间：

  window.onload()必须等到页面内容全部加载完毕后才能执行，包括图片等内容。

$.ready()是DOM结构汇至完毕后就执行，不必等到加载完毕。

编写个数不同

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

$.ready()可以同时编写多个，并且都会执行。

我的window.onload()出错的原因是当时js其他函数有一个错误，所以导致他不执行。而换成$.ready()以后就好了。因为他们的实现方式不同么。

但是并不是什么时候都用$.ready()就是好的，比如说如果是页面有有一张图片，而这个图片还没有加载完，就用$.ready()对图片操作，那样肯定会出错，这时候就应该考虑用window.onload()了，所以各有利弊，在不同的时候用不同的方法。