javascript - 如何从 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>