javascript - $(document).ready() 和在正文末尾包含脚本有什么区别？

Question

在 jQuery 的 $(document).ready() 上执行 JavaScript 函数与将它包含在 HTML 正文末尾的脚本标记中有什么区别？

谢谢，

DLiKS

Answer 1

<script> 中的 JavaScript 代码立即评估(执行)标签。请注意，在这种情况下，页面尚未(完全)解析，DOM 尚未准备就绪。

jQuery 中的 JavaScript 代码 ready()回调在 DOMContentLoaded 事件上进行评估，该事件发生在整个 HTML 源代码已被浏览器解析之后。
关于此事件: https://developer.mozilla.org/en/Gecko-Specific_DOM_Events

请注意，定义就绪处理程序的现代方法是这样的:

$(function() {
    // code
});

另外，查看这个 SO 问题，它指出了当您不使用就绪回调时会发生什么:How many JavaScript programs are executed for a single web-page in the browser?