onclick函数在脚本标记中不起作用

Question

<section id="main">
<button class='btn' onclick="deleteNote()" type="button">Delete</button>
</section>

<script type="module">
import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js'
import { 
getDatabase, ref, child, get, onValue, onChildAdded, onChildChanged, onChildRemoved,push,set,remove
} from 'https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js';

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getDatabase();
function deleteNote(){
// console.log(key);
console.log('deleting');

}

为什么onclick不工作?但是当我在不同的脚本标签中定义函数时，它可以工作。

Answer 1

在Script标记中，您必须调用函数来执行它

function deleteNote(){
// console.log(key);
console.log('deleting');

}
deleteNote();

如果你在任何HTML页面上使用它不要忘记导入脚本或在同一页面上使用脚本并检查你的浏览器支持模块值阅读更多