JavaScript 点击按钮弹出提示框

JavaScript中的按钮点击事件监听与alert提示

最新推荐文章于 2025-10-06 15:18:35 发布

原创最新推荐文章于 2025-10-06 15:18:35 发布 · 3.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

前端全栈开发专栏收录该内容

207 篇文章

订阅专栏

在JavaScript中，可以通过addEventListener方法来为按钮添加点击事件。当按钮被点击时，可以使用alert方法弹出提示框。

下面是一个示例代码，在点击按钮时弹出提示框：

<!DOCTYPE html>
<html>
<head>
  <title>点击按钮弹出提示框</title>
</head>
<body>
  <button id="myButton">点击我</button>

  <script>
    // 获取按钮元素
    var button = document.getElementById('myButton');

    // 添加点击事件监听器
    button.addEventListener('click', function() {
      // 弹出提示框
      alert('你点击了按钮！');
    });
  </script>
</body>
</html>

在上面的代码中，首先通过document.getElementById方法获取到了具有id="myButton"属性的按钮元素，并将其赋值给变量button。

然后，使用addEventListener方法为按钮添加了一个点击事件监听器。当按钮被点击时，会执行传入的回调函数。

在回调函数中，使用alert方法来弹出提示框，提示框中显示的内容为"你点击了按钮！"。

通过上述代码，当点击按钮时，就会弹出一个提示框。