如何从 html 页面调用在 javascript 模块 (type=module) 中声明的函数
要从HTML页面调用在JavaScript模块中声明的函数，你需要先在HTML中引入模块，然后使用import语句导入模块，并调用其中的函数。以下是一个简单的例子：
- 创建一个JavaScript模块文件（例如：
myModule.js），声明你想要导出的函数：
// myModule.js
export function myFunction() {
console.log('Function called from myModule.js');
}- 在HTML文件中，使用
<script>标签引入模块，并设置type为module：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Module Example</title>
<script type="module">
import { myFunction } from './myModule.js';
// 调用模块中的函数
myFunction();
</script>
</head>
<body>
<h1>Module Function Call Example</h1>
</body>
</html>在这个例子中，当HTML页面加载时，它会执行<script>标签内的代码，并调用myModule.js模块中的myFunction函数。记得确保myModule.js文件的路径正确，否则浏览器无法找到并加载该模块。
评论已关闭