如何在HTML中调用JavaScript函数
在本文中,我们将看到如何在HTML中调用JavaScript函数。函数是一组语句,它接受输入,进行一些特定的计算,并产生输出。我们有两种常见的方法如下所述。
- clickEvent()
- display()方法
方法1: 首先,通过input标签获取一个按钮。点击按钮后,你可以看到弹出的对话框,该对话框已经在JavaScript函数中声明为alert。clickEvent()函数可以通过使用onclick()方法在按钮被点击时执行alert()
示例: 此示例演示了上述方法的使用。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
How to call JavaScript function in HTML ?
</title>
</head>
<body>
<input type="button" onclick="clickEvent();"
value="button" />
<script>
function clickEvent() {
alert("Who!! You have discovered");
}
</script>
</body>
</html>
输出:

方法2: 通过使用 JavaScript 中的 display() 方法, 你可以看到输出的 GeeksForGeeks 在 h1 标签中。
示例: 以下示例演示了上述方法。
JavaScript
function display() {
console.log("GeeksForGeeks");
}
display();
输出:
GeeksForGeeks
极客教程