jQuery的ready和原生js的onload之间的区别

它们的触发时间不同，jQuery的ready方法是在dom元素被解析完成之后，就会触发。也就是说页面还未完全展示，有可能页面上的图片只显示了一半，具体情况视页面的大小来决定。

原生js的onload方法是在dom元素都加载完毕之后才会触发，所谓的加载完毕，就是它的所有属性都已经加载完了，页面也已经显示了。

 

还有就是ready方法可以有多个，而onload只能是一个，多了的话也只是按最后写的一个来加载。

如下面的代码，最后的输出顺序为，ready -> ready2 -> onload

$(document).ready(function() {
    alert("ready");
})

window.onload = function() {
    alert("onload");
}

$(document).ready(function() {
    alert("ready2");
})