html点击事件

作者：寂寞味道发布日期:2026-03-04 浏览:74

<!DOCTYPE html>
<html>
<head>
    <title>HTML 点击事件示例</title>
    <script>
        // 定义一个函数，当按钮被点击时执行
        function showAlert() {
            alert('按钮被点击了！');
        }
    </script>
</head>
<body>

    <!-- 创建一个按钮，并为其添加 onclick 事件 -->
    <button onclick="showAlert()">点击我</button>

</body>
</html>

解释说明：

在 <head> 部分定义了一个 JavaScript 函数 showAlert，该函数会在按钮被点击时弹出一个提示框，显示“按钮被点击了！”。
在 <body> 部分创建了一个按钮，并通过 onclick 属性将点击事件绑定到 showAlert 函数上。当用户点击按钮时，会触发 onclick 事件并调用 showAlert 函数。

上一篇：html网页代码模板

下一篇：html 美化