[英]Can back to previous page without reload page by Javascript?
Can back to previous page without reload page by JavaScript?可以通过 JavaScript 返回上一页而不重新加载页面吗?
I have 2 HTML pages:我有 2 HTML 页:
Page 1 after open will click button Search
data and button Next
go to Page 2.打开后的第 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 >
Page 2 click Back button to go to Page 1.第 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 >
I want to keep status Data in Page 1 when back from Page 2:我想在从第 2 页返回时将状态数据保留在第 1 页中:
I am using window.history.back()
我正在使用window.history.back()
$('#btnBack').click(function () {
window.history.back();
});
But result of this function is different in each browser:但是这个 function 的结果在每个浏览器中是不同的:
Chrome, Edge, IE: Page 1 will reload. Chrome、Edge、IE:第 1 页将重新加载。
FireFox: Page 1 not reload. FireFox:第 1 页未重新加载。
Can I process [Chrome, Edge, IE] the same with FireFox?我可以像 FireFox 一样处理 [Chrome, Edge, IE] 吗?
<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.