以下是用 JSP 实现该功能的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>弹窗示例</title>
<style type="text/css">
/* 弹窗样式 */
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
z-index: 9999;
}
</style>
</head>
<body>
<!-- 页面内容 -->
<h1>Hello World!</h1>
<!-- 弹窗内容 -->
<div id="popup" class="popup" style="display:none;">
<p>这是一个弹窗。</p>
<button οnclick="hidePopup()">确定</button>
</div>
<script type="text/javascript">
// 显示弹窗
window.onload = function() {
document.getElementById("popup").style.display = "block";
};
// 隐藏弹窗
function hidePopup() {
document.getElementById("popup").style.display = "none";
}
</script>
</body>
</html>
代码中，我们首先定义了一个名为 popup 的样式，将其设置成固定定位，并使其居中于页面。接着在页面中添加了一个 div 元素，作为弹窗内容的容器，并将其初始状态设为不可见。
在页面加载完毕后，通过 JavaScript 脚本将弹窗的 display 属性设置为 block，即可让其显示出来。点击弹窗中的确定按钮后，通过调用 hidePopup() 函数将弹窗隐藏。
你可以根据自己的需求修改这段代码，并根据需要将其嵌入到 JSP 页面中。
124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
