html弹窗代码

作者：花折亦无情发布日期:2026-07-09 浏览:21

<!DOCTYPE html>
<html>
<head>
    <title>HTML 弹窗示例</title>
    <script type="text/javascript">
        // 定义一个函数，用于显示弹窗
        function showAlert() {
            // 使用 alert 方法显示一个简单的弹窗
            alert("这是一个 HTML 弹窗！");
        }
    </script>
</head>
<body>
    <!-- 创建一个按钮，点击时调用 showAlert 函数 -->
    <button onclick="showAlert()">点击我显示弹窗</button>
</body>
</html>

解释说明：

HTML 结构：此代码创建了一个简单的 HTML 页面，包含一个按钮。
JavaScript 函数：showAlert 函数使用了 alert 方法来显示一个简单的弹窗。
按钮事件：当用户点击页面中的按钮时，会触发 showAlert 函数，从而显示弹窗。

如果你需要更复杂的弹窗（例如自定义样式或功能），可以考虑使用模态框（Modal）或其他前端框架。

上一篇：html class

下一篇：html5标签