首页 > 基础资料 博客日记
jsp实现跳转页面和弹窗
2023-09-14 17:52:47基础资料围观275次
以下是详细的步骤来使用 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!"。
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：jacktools123@163.com进行投诉反馈，一经查实，立即删除！
标签：
相关文章
最新发布
点击排行
本站推荐
