如何从 html onclick 中的 javascript 模块调用函数

Question

 <h1 onclick="sayhello()"> Hello Word</h1> <script type="module" > sayhello=()=>{ console.log('Hello'); } </script>

结果是： (index):14 Uncaught ReferenceError: sayhello is not defined at (index):14

Answer 1

您应该删除type=module ：

 <h1 onclick="sayhello()">Click</h1> <script > sayhello=()=>{ console.log('Hello'); } </script>

或者将函数附加到window以全局使用它：

 <h1 onclick="sayhello()">Click</h1> <script type="module"> window.sayhello=()=>{ console.log('Hello'); } </script>

Answer 2

你的脚本应该是这样的：

<script>
  function sayHello(){  
    console.log('hello')
  }
</script>

Answer 3

 <button onclick="hellosay()">Click</button> <script type="module"> window.hellosay=()=>{ console.log("hello") } </script>

Answer 4

对于 javascript 模块，创建一个 .js 或 .mjs 文件并导出你的 javascript 函数

我的模块.js

export function sayHell(){
    console.log("ok");
}

并导入它。