首先，必须明确导出您的功能
export function greet() {
alert("Hello from module");
}其次，模块有它自己的范围（这是模块的全部意义），因此您需要将函数添加到全局范围。因此，要做到这一点，您必须运行一个脚本来导入该函数并将其添加到窗口对象：文章来源：https://www.toymoban.com/news/detail-630791.html
<script type="module">
import { greet } from "./app.js";
window.greetFromModule = greet;
</script>现在你不需要这部分了<script type="module" src="app.js"></script>或者，您可以创建一个空的 obj 并将您的模块内容添加到其中，这就是它的样子：文章来源地址https://www.toymoban.com/news/detail-630791.html
<html>
<head></head>
<body>
<button onclick="greetFromHtml();">greetFromHtml</button>
<button onclick="module.greet()">greetFromModule</button>
<script type="text/javascript">
function greetFromHtml() {
alert("Hello");
}
const module = {};
</script>
<script type="module">
import { greet } from "./app.js";
module.greet = greet;
</script>
</body>
</html>到了这里，关于如何从 html 页面调用在 javascript 模块 (type=module) 中声明的函数的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![TypeScript系列, 通过vue3实例说说declare module语法怎么用[模块声明篇]](https://imgs.yssmx.com/Uploads/2024/02/421581-1.png)
