当按钮具有 onclick 时运行函数 - Html

在 HTML 中，可以使用按钮元素来触发某些操作。当按钮被点击时，可以使用 onclick 属性来指定要运行的函数。

示例代码

以下是一个简单的示例，演示如何在 HTML 中创建一个按钮，并为它指定 onclick 函数。

<button onclick="sayHello()">点击我</button>

<script>
function sayHello() {
    alert("Hello, world!");
}
</script>

点击按钮后，会出现一个弹窗，其中显示消息 "Hello, world!"。

说明

上面的示例使用了一个 onclick 属性，该属性包含一个 JavaScript 函数的名称。当按钮被点击时，浏览器会自动调用指定的函数。在这个例子中，sayHello 函数被调用，然后它弹出一个包含消息的警告框。

此外，您还可以使用 IIFE（立即调用函数表达式）作为 onclick 属性中的函数。这在需要传递参数时非常有用。

<button onclick="(function(name) {alert('Hello, ' + name + '!')})('John')">点击我</button>

当按钮被点击时，IIFE 函数将被调用，然后它弹出一个包含 "Hello, John!" 消息的警告框。

结论

通过在 HTML 中定义 onclick 函数，可以方便地响应用户交互。这是一种非常有用的技术，能够广泛用于不同类型的 Web 应用程序。