如何在HTML中使用JavaScript弹出一个简单的警告框？

htmljavascript

在HTML中使用JavaScript弹出一个简单的警告框，你可以使用JavaScript的alert()函数。这个函数会创建一个带有指定消息和OK按钮的警告框。

下面是一个示例HTML文件，其中包含一个按钮。当用户点击这个按钮时，就会触发一个JavaScript函数，该函数会弹出一个带有消息“Hello, World!”的警告框。

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 警告框示例</title>
<script>
function showAlert() {
    alert("Hello, World!");
}
</script>
</head>
<body>

<h1>点击按钮弹出警告框</h1>

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

</body>
</html>

在这个示例中，我们首先在<script>标签内定义了一个名为showAlert的JavaScript函数。这个函数使用alert()来弹出一个警告框。然后，在HTML的<button>标签中，我们使用onclick属性来指定当按钮被点击时要执行的JavaScript函数。当用户点击按钮时，就会调用showAlert()函数，从而弹出警告框。

上一篇：在JavaScript中，如何创建一个函数，并在HTML中调用它？

下一篇：在JavaScript中，怎么获取一个HTML元素的内容？