$(document).ready()和包含身体末尾的脚本有什么区别？

Question

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

谢谢,

DLiKS

Answer 1

<script>标签内的JavaScript代码会立即被评估(执行).请注意,在这种情况下,页面尚未(完全)解析,并且DOM尚未准备好.

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

请注意,定义ready处理程序的现代方法是:

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

另外,看看这个SO问题,它指出当你不使用ready回调时会发生什么:在浏览器中为一个网页执行了多少个JavaScript程序？