javascript - Window.onload 事件和 $(document).ready()

Question

我正在学习 jQuery。有人可以解释一下 jQuery 中 window.onload 事件和 $(document).ready() 之间的区别是什么吗？

问候，JN

Answer 1

window.onload 和 $(document).ready() 之间的区别在 jQuery tutorial 中有解释。

我引用:

大多数 Javascript 程序员最终做的第一件事就是在他们的程序中添加一些代码，类似于:

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

其中包含您希望在加载页面时立即运行的代码。然而，有问题的是，Javascript 代码直到所有图像都完成下载(包括横幅广告)后才会运行。首先使用 window.onload 的原因是当您第一次尝试运行代码时，HTML“文档”尚未加载完毕。为了避免这两个问题，jQuery 有一个简单的语句来检查文档并等待它准备好被操作，称为就绪事件。