document.ready 和 window.onload

$(document).ready比window.onload先执行。window.onload只执行一次。

$(document).ready和window.onload都是在都是在页面加载完执行的函数，大多数情况下差别不大，但也是有区别的。

$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。 意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。

****window.onload:是页面所有元素都加载完毕，包括图片等所有元素。只能执行一次。****

所以，$(document).ready的执行时间要早于window.onload。并且可以写多个，看代码:

//以下代码无法正确执行：
window.onload = function()
{
alert(“text1”);
};
window.onload = function()
{
alert(“text2”);
};
// 结果只输出第二个 能同时编写多个

// 以下代码正确执行：
$(document).ready(function() {
alert(“Hello World”);
});

$(document).ready(function() {
alert(“Hello again”);
});
//结果两次都输出

作者：全栈弄潮儿
链接：https://www.jianshu.com/p/bff40c452b0d
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。