从外部 js 文件运行 function 的问题

Question

我正在尝试做一些我认为应该是基本和基本的事情，但它不起作用。 我查看了许多相关的 Stackoverflow QA，但没有一个涵盖这个确切的问题。

我想从名为 main.js 的外部 js 文件运行 function。 该文件以通常的方式加载到 html 页面的正文部分的底部。 该文件的所有内容都在标准 jQuery 包装器中。 我知道它正在正确加载，因为我可以在开发人员工具中看到它，并且其中编码的各种动画运行正常。 我在页面的头部加载了 jQuery 3.3.1 并且它必须再次正确加载，因为动画正在运行。

作为测试，我在 main.js 中有以下 function：

function alerttest() {
  alert('Function test works');
}

然后在html的主体页面我调用function如下：

<script>
  alerttest();
</script>

因此，当我刷新页面时，我应该会收到警报，但这不会发生。 我在控制台中收到错误： Uncaught ReferenceError: alerttest is not defined 。 如果我在错误的位置加载脚本会发生这种情况，所以我也尝试调用 function 以便首先加载 DOM：

<script>
$(function() {
  alerttest();
});
</script>

但我得到相同的参考错误。 谁能建议发生了什么？

环境：Windows 10，VSCode，Codeigniter 3，jQuery 3.3.1，WAMP 与 Z2FEC392304A7FCB72C32FEC392304A77923AC。

Answer 1

我相信我已经解决了这个问题，并且正如我所怀疑的那样，它与脚本的位置有关。 我一直被建议在页面底部的结束正文标记上方包含脚本，但这在这种情况下不起作用。 我现在已将 main.js 与 jQuery CDN 一起放在 head 部分，一切正常。

非常感谢您的回复。