JavaScript addEventListener 使用外部 JavaScript 文件

Question

所以我有这个页面，它是使用 Bootstrap 模板设置的。

我想做的是使用这样的外部 JavaScript 文件： drive:\myfolder\mysubfolder\myexternaljavascriptfile.js 。 <script>标签位于</body>标签之前。

Bootstrap-javafiles 在<head>部分。 还尝试将它放在<body>部分。

这就是我现在所拥有的。

<script>
const element = document.getElementById("hitme");
element.addEventListener("click", myfunc); 
</script>

也尝试使用myfunc()无济于事。

我想让myfunc使用我的外部 JavaScript 文件

如果我在 HTML 文档中的相同<script>标记中使用它，它会起作用，但这不是我想要的。

此外，如果我使用<button onclick("Myfunc")>Hit Me</button>它确实有效，但我认为这是使用点击事件等的旧方法。

Answer 1

将 js 文件放在与 index.html 文件相同的文件夹中，并使用脚本标签<script href="script,js" defer><script> defer 属性将其链接到 HTML 在 HTML CSS 完成加载后加载 js 文件