将 JavaScript 函数导入 HTML？答案

【问题标题】：Importing a JavaScript function into HTML?将 JavaScript 函数导入 HTML？
【发布时间】：2020-04-27 11:53:40
【问题描述】：

我有一个名为“test.js”的 JavaScript 文件，该文件中有这段代码 sn-p；

function functionTest() {
    console.log('this works');
}

然后，我将 test.js 导入到我的 HTML 头部中的一个 Blade.php 中；

<script type="module" src="/js/test.js"></script>

最后，在我的 HTML 正文部分的脚本标记中，我使用

调用 functionTest

<script>
    functionTest()
</script>

但是我从来没有得到一个console.log。相反，这个错误是从我的 HTML 中抛出的；

Uncaught ReferenceError: functionTest is not defined

【问题讨论】：

【解决方案1】：

您的 <script> 标签正在将 JS 文件作为模块导入。

因此它必须被视为一个模块，例如，你需要导出一些东西，然后导入它以在你的主文件中使用它。

如果您只想按原样使用它，而无需进行模块式工作，请从 <script> 标记中删除 type="module"。

【讨论】：