```
<%@ page language="java" import = "java
.util
.*" import ="javax
.swing
.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet"
href="
../style/head_page
.css">
<link rel="stylesheet"
href="
../style/main_function
.css">
</head>
<body>
<div>
<input type="button" class = "setting" value = "设置" id = "setting"
onclick = "set
.show()">
<select name = "gender" class = "account">
<option>一<%
/*session
.setAttribute("name",1);
Window.localStorage
.setItem("test", 1);
window.localStorage
.getItem("name");*/
%></option >
<%
//查询数据库的账套
%>
<option>
二
</option>
<option>三</option>
<option>保密</option>
</select>
<input type = "button" id = "exit" class = "exit" value = "退出">
</div>
<div id="overlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0
.5); z-index:99;"></div>
<div class = "main_function">
<input type = "button" value = "查看凭证"
onclick = javascript:jump() class = "certificate" >
</div>
<dialog id = "set" class = "all_set" style = "z-index : 100">
<input type = "button" class = "close"
onclick = "set
.close()" value = "返回">
<form action = "account_set
.jsp">
<input type = "submit" id = "account_set" class = "set1" value = "账套设置>" ></form>
<br>
<form action = "information
.jsp">
<input type = "submit" id = "self_information" class = "set2" value = "个人信息>" ></form>
</dialog>
<script>
const overlay = document
.getElementById('overlay'); // 遮罩层
const addAccountDialog = document
.getElementById('set'); // 对话框
// 打开弹窗的同时显示遮罩
function showOverlayAndDialog() {
overlay
.style
.display = 'block'; // 显示遮罩
addAccountDialog
.showModal(); // 显示弹窗
}
// 关闭弹窗的同时隐藏遮罩
function hideOverlayAndDialog() {
overlay
.style
.display = 'none'; // 隐藏遮罩
addAccountDialog
.close(); // 关闭弹窗
}
// 绑定按钮事件
document
.querySelector('
.setting')
.addEventListener('click', showOverlayAndDialog);
// 点击“返回”按钮关闭弹窗并隐藏遮罩
document
.querySelector('#set input[value="返回"]')
.addEventListener('click', hideOverlayAndDialog);
// 如果用户点击了遮罩区域，则自动关闭弹窗及遮罩
overlay
.addEventListener('click', hideOverlayAndDialog);
function : jump_certificate()
{
window.location.href="certificate
.jsp";
}
</script>
</body>
</html>```为什么点击查看凭证后不会
跳转到相应页面
本文探讨了在使用window.location.href进行多次界面跳转时遇到的a标签失效问题，并提供了一个简单有效的解决方案：通过<a href=javascript:history.go(-1);>返回</a>实现上一层的返回。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
2911
