以下是详细的步骤来使用 JSP 实现页面跳转和弹窗的示例：
-
创建两个 JSP 文件：
page1.jsp和popup.jsp。 -
打开
page1.jsp，添加以下内容来实现页面跳转：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page 1</title>
<script>
function redirectToPopup() {
window.location.href = "popup.jsp";
}
</script>
</head>
<body>
<h1>Welcome to Page 1!</h1>
<button οnclick="redirectToPopup()">Go to Popup</button>
</body>
</html>
3、打开 popup.jsp，添加以下内容来显示弹窗
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Popup</title>
<script>
window.onload = function() {
alert("This is a popup!");
};
</script>
</head>
<body>
<h1>Popup Content</h1>
</body>
</html>
-
将以上两个文件保存，并确保将它们放置在你的服务器环境可以访问到的位置。
-
当用户访问
page1.jsp时，将会显示一个标题为 "Welcome to Page 1!" 的页面，并有一个按钮 "Go to Popup"。当用户点击该按钮时，将会跳转到popup.jsp页面，并显示一个弹窗 "This is a popup!"。
745
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
