首页javascript 设置两个按钮

javascript 设置两个按钮

时间: 2024-11-06 20:04:20 浏览: 19

在JavaScript中，你可以通过HTML创建两个按钮，并使用JavaScript添加事件监听器来控制它们的行为。这里是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>设置两个按钮</title> </head> <body> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> <script> // 获取按钮元素 var btn1 = document.getElementById('btn1'); var btn2 = document.getElementById('btn2'); // 给每个按钮添加点击事件处理函数 btn1.addEventListener('click', function() { alert('您点击了第一个按钮！'); }); btn2.addEventListener('click', function() { alert('您点击了第二个按钮！'); }); </script> </body> </html> ``` 在这个例子中，当用户点击"按钮1"时，会弹出一个警告框显示信息"您点击了第一个按钮"；同样，点击"按钮2"则显示"您点击了第二个按钮"。

阅读全文