如何获得返回按钮链接以返回原始搜索页面？

Question

在用户查看其他页面上的结果后，如何获得“返回搜索页面”超链接以将用户返回到原始搜索选项卡？这是我正在使用的设置。

• 搜索 1、搜索 2、搜索 3 都共享一个搜索结果页面。 （我无法更改）
• 搜索结果页面上有一个返回搜索页面链接。
• 当用户在搜索结果页面上查看项目时，系统会将他们带到查看页面。
• 当他们从查看页面返回到搜索结果页面时，“返回搜索页面”链接会将他们返回到查看页面链接（因为当前函数是 history.back）

那么有没有办法让“返回搜索页面”链接将用户返回到第一个原始搜索页面？我在想我应该能够存储原始搜索页面的操作代码，但不确定如何保存它，然后在函数中回调它，而不会被用户在返回该链接之前查看的任何其他页面覆盖.如果它甚至是一个有效的解决方案，我就是无法思考如何做到这一点。

非常感谢任何帮助。

返回搜索结果链接当前如何在 .jsp 中显示：

 <TD><A HREF='javascript:backToSearchView();'><B>Back_To_Search_Page</B></A></TD>

.js 中当前的函数：

//4.19 BACK TO SEARCH PAGE FROM TRANS VIEW
function backToSearchView(){
    history.back();
    return false;
}

Answer 1

您也可以使用本地存储来保存原始参数或整个链接，然后读取它以使用户返回原始搜索页面。

即使在查看结果或重新加载页面时更改了页面，这也将起作用。 （在 javascript 中存储为普通变量的任何其他内容将在页面更改或重新加载时被清除。）

在原始搜索页面存储搜索结果之前需要这样的信息：

localStorage.setItem("returnURL",window.location.href);
//or params
localStorage.setItem("param1","param1Value");  

然后读取本地存储让用户在点击返回按钮时返回到原来的搜索状态：

url = localStorage.getItem("returnURL");
//or params
param1 = localStorage.getItem("param1");

Answer 2

当您调用结果搜索页面时，您可以添加一个参数来记住调用它的搜索页面。

在搜索页面上：

window.location.href = './result-page.html?caller=Search1'

在结果页面中，您可以像这样存储该值：

var url = new URL(document.URL);
var caller = url.searchParams.get("caller"); // Value = Search1

[...]
// On the click of the "Go Back" button
if (caller == "Search1"){
   window.location.href = "./search1.html"
}
else if(caller == "Search2"){
   window.location.href = "./search2.html"
}
else{
   window.location.href = "./search3.html"
}