为什么我的 script.js 文件不起作用，但 index.html 文件中的 JavaScript 代码起作用？

Question

当我添加这个：

<script src="script.js"></script>
<script src="jquery-3.5.1.min.js"></script> 

到我的 index.html 文件的头部，我创建了一个 JavaScript 文件，看起来 html 无法识别它。

但是当我添加这个时：

<script type="text/javascript">
    //code
</script>

到我在文件正文中的 index.html 文件中，我在 JavaScript 中完成的所有代码都有效。

有人可以解释为什么会这样吗？

Answer 1

在结束</body>标记之前添加 jQuery 代码始终是一个好习惯。 如果您还没有这样做，请使用defer属性。

此外，如果您正在编写 jQuery 代码，请确保您的代码位于 jQuery 链接代码之后。

Answer 2

不要在头部添加你的 JS 文件。 您很可能会访问 DOM 元素，这些元素在 HTML 中定义。 如果您在 html 上方插入脚本，则无法识别这些元素，因为它们尚未定义。 在正文之后添加所有脚本，为了安全起见，我在关闭 html 之后添加我的脚本。 请在您的 jQuery 脚本之后添加您的脚本。