可以通過 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.