可以通过 Javascript 返回上一页而不重新加载页面吗？
[英]Can back to previous page without reload page by Javascript?
问题描述
可以通过 JavaScript 返回上一页而不重新加载页面吗？
我有 2 HTML 页：
打开后的第 1 页将单击按钮Search数据和按钮Next go 到第 2 页。
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script type="text/javascript">
function next(){
window.location.href = "page2.html";
}
function create(){
$("#data").html('<input type="checkbox"/>');
}
</script>
</head>
<body>
<div id="data"></div>
<input type="button" value="Search" onclick="create(); return false;" />
<input type="button" value="Next" onclick="next(); return false;" />
</body>
</html >
第 2 页点击后退按钮到 go 到第 1 页。
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script type="text/javascript">
function test2(){
window.history.back();
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="test2(); return false;" />
</body>
</html >
我想在从第 2 页返回时将状态数据保留在第 1 页中：
我正在使用window.history.back()
$('#btnBack').click(function () {
window.history.back();
});
但是这个 function 的结果在每个浏览器中是不同的：
Chrome、Edge、IE：第 1 页将重新加载。
FireFox：第 1 页未重新加载。
我可以像 FireFox 一样处理 [Chrome, Edge, IE] 吗？
1 个解决方案
解决方案1
0 2020-04-15 11:35:08
<button onclick="goBack()">Go Back</button> <button onclick="goBack2()">Go Back2</button> <script> function goBack() { window.history.back(); } function goBack2() { window.history.go(-1); } </script>
返回上一页，无需重新加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.