html 点击事件

作者：ら非你不取丶发布日期:2025-05-13 浏览:119

<!DOCTYPE html>
<html>
<head>
    <title>HTML 点击事件示例</title>
    <script>
        // 当页面加载完成后，添加点击事件监听器
        function addClickListener() {
            var button = document.getElementById("myButton");
            button.addEventListener("click", function() {
                alert("按钮被点击了！");
            });
        }
    </script>
</head>
<body onload="addClickListener()">
    <button id="myButton">点击我</button>
</body>
</html>

解释说明：

HTML 结构：页面包含一个按钮元素 <button>，其 id 为 myButton。
JavaScript 代码：
- addClickListener 函数用于在页面加载完成后，为按钮添加点击事件监听器。
- 使用 addEventListener 方法为按钮绑定点击事件，当按钮被点击时，会弹出一个提示框显示 "按钮被点击了！"。
页面加载：通过 onload 属性，在页面加载完成后调用 addClickListener 函数。

上一篇：html中的div标签

下一篇：html sitemap