$(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”);
});
//结果两次都输出

---

更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请关注微信公众号——全栈弄潮儿。

微信公众号.png 淘宝天猫内部优惠券.png