Можно вернуться на предыдущую страницу без перезагрузки страницы по 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 >
Я хочу сохранить статус Данные на странице 1, когда вернуться со страницы 2:
Я использую window.history.back()
$('#btnBack').click(function () {
window.history.back();
});
Но результат этой функции отличается в каждом браузере:
Chrome, Edge, IE: страница 1 перезагрузится.
FireFox: страница 1 не перезагрузится.
Можно ли обработать [Chrome, Edge, IE] так же, как FireFox?