從外部 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 部分，一切正常。

非常感謝您的回復。