共有四种方法可以调用 JavaScript 函数:直接在 HTML 代码中调用、使用事件处理程序、使用 DOM 以及使用 jQuery。

如何调用 JavaScript 函数
直接调用
最直接的方法是直接在 HTML 代码中调用函数,如下所示:
使用事件处理程序
JavaScript 函数还可以通过以下事件处理程序调用:
-
onload:在页面加载时调用 -
onclick:在元素被点击时调用 -
onhover:在鼠标悬停在元素上时调用 -
onkeypress:在按下一个键时调用
例如,可以通过以下方式为按钮添加点击事件处理程序:
使用 DOM
Document Object Model (DOM) 提供了一个接口来访问和操作 HTML 文档。使用 DOM,可以动态调用 JavaScript 函数,如下所示:
// 获取具有 id="myButton" 的按钮元素
const button = document.getElementById("myButton");
// 为按钮添加点击事件监听器
button.addEventListener("click", myFunction);
// 定义函数
function myFunction() {
alert("Hello World!");
}使用 jQuery
jQuery 是一个流行的 JavaScript 库,它简化了 DOM 操作。可以使用 jQuery 轻松调用 JavaScript 函数,如下所示:
// 使用 jQuery 为按钮添加点击事件处理程序
$("#myButton").click(myFunction);
// 定义函数
function myFunction() {
alert("Hello World!");
}










