javascript - 为什么普通的 javascript 不需要像 jQuery 那样的 $(document).ready？

Question

在完成 JavaScript 类(class)后，我目前正在学习 jQuery。文档说 ready 方法等待 DOM 完成加载。但是，我有两点很好奇。1)由于script标签通常添加在body标签的末尾，DOM不应该在没有ready方法的情况下已经完成加载了吗？2) 如果我们在jQuery 中需要ready 方法，为什么我们在编写普通JavaScript 时也不需要它？

Answer 1

1) 由于 script 标签通常添加在 body 标签的末尾，如果没有 ready 方法，DOM 应该已经完成​​加载了吧。

是的，你是对的，如果添加了脚本标签，添加正文的末尾，你不需要用 $(document).ready() 包装你的代码，因为 DOM 元素已经存在可在代码中使用。

2)如果我们在jQuery中需要ready方法，为什么我们在写普通的JavaScript时也不需要它？

$(document).ready() 的 jQuery 等价物是 DOMContentLoaded

The DOMContentLoaded event fires when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.

请注意:您也可以使用 script 延迟 属性

This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing DOMContentLoaded.