JavaScript与jQuery中文档就绪函数的区别

JavaScript 和 jQuery 都提供了一种文档就绪函数，它们分别是 window.onload 和 $(document).ready()。

这两种函数的相同点在于：它们都是在文档内容加载完毕后执行，能够确保代码在正确的文档环境下执行。

不同点在于：

1. 执行时间

window.onload 在整个页面加载完成后才会执行，包括图片、CSS、JS等资源的加载。而 $(document).ready() 在 DOM 加载完成后就会执行。因此，前者的执行时间会比后者晚一些。

示例：

window.onload = function() {
  alert("整个页面加载完成");
};

$(document).ready(function() {
  alert("DOM 加载完成");
});

1. 处理多个事件

window.onload 只能处理一个事件，当页面中有多个脚本需要等待时，容易出现冲突问题。而 $(document).ready() 可以处理多个事件，在执行时，多个事件的执行顺序与它们在代码中出现的顺序一致，避免了可能的冲突。

示例：

window.onload = function() {
  alert("第一个事件");
  alert("第二个事件");
};

$(document).ready(function() {
  alert("第一个事件");
})
$(document).ready(function() {
  alert("第二个事件");
});

综上所述，虽然两种文档就绪函数都能够实现文档加载后执行代码的功能，但使用 $(document).ready() 更为灵活和安全些。