Onclick函数在外部javascript文件中不起作用

Question

我有一个应该具有onclick="submitItem()"的按钮，但是在外部javascript文件（app.js）中创建该功能后，该功能不起作用。

<button class="btn" type="submit" onclick="submitItem()">Save</button>

将函数放在脚本标签之间时，它可以工作，但这不是我想要的。

  <script src="./js/app.js" type="module"></script>
  <script>
    function submitItem() {
      alert("works");
    }
  </script>

但是这不起作用：

app.js

function submitItem() {
  alert("does not work");
}

我该怎么办？

Answer 1

这不是模块。不要声称它是。删除type="module"。

（顶级变量，包括由函数声明创建的变量，其作用域为模块，而不是ES6模块脚本中的全局变量。

Answer 2

您不必声明type="module"。只需使用原始脚本标签，就可以了

<script src="./js/app.js"></script>