alert("点击了 1 个按钮"); (1)

📌 相关文章

📜 alert("点击了 1 个按钮"); (1)

📅 最后修改于: 2023-12-03 15:29:19.085000 🧑 作者: Mango

JavaScript - 点击按钮弹出警示框

在 JavaScript 中，我们可以使用 alert() 函数来弹出一个警示框，用于提示用户某些信息。通过将 alert() 函数与按钮事件绑定，我们可以在用户点击按钮时弹出警示框，提示用户已点击了按钮。

以下是一个简单的代码示例，演示如何在用户点击按钮时弹出警示框：

<!DOCTYPE html>
<html>
<head>
	<title>按钮事件示例</title>
	<script>
		function handleClick() {
			alert("点击了 1 个按钮");
		}
	</script>
</head>
<body>

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

</body>
</html>

在上面的代码中，我们定义了一个名为 handleClick() 的函数，当用户点击按钮时，该函数将被执行。函数内部使用 alert() 函数弹出了一个警示框，提示用户已点击了按钮。

注意，我们通过将函数名指定为按钮的 onclick 属性，将函数与按钮事件绑定。这表示当用户点击按钮时，将执行该函数。

除了使用 onclick 属性以外，我们还可以使用 addEventListener() 函数来添加事件监听器，实现相同的效果。例如，以下代码演示了如何使用 addEventListener() 函数来绑定按钮事件：

<!DOCTYPE html>
<html>
<head>
	<title>按钮事件示例</title>
	<script>
		function handleClick() {
			alert("点击了 1 个按钮");
		}

		document.getElementById("myButton").addEventListener("click", handleClick);
	</script>
</head>
<body>

	<button id="myButton">点击我</button>

</body>
</html>

在上面的代码中，我们通过 document.getElementById() 函数获取了按钮元素，然后使用 addEventListener() 函数为该元素添加了一个 click 事件监听器，将该监听器与 handleClick() 函数绑定，实现了按钮事件。

无论使用哪种方法，都可以在用户点击按钮时弹出警示框，提示用户已点击了按钮。