如何在HTML中调用JavaScript函数

如何在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>

输出:

如何在HTML中调用JavaScript函数

方法2: 通过使用 JavaScript 中的 display() 方法, 你可以看到输出的 GeeksForGeeks 在 h1 标签中。

示例: 以下示例演示了上述方法。

JavaScript

function display() {
    console.log("GeeksForGeeks");
}
display();

输出:

GeeksForGeeks

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程