后退按钮上的相同搜索结果页面

Question

我有一个搜索结果页面，我有转发链接来查看接下来的 10 个结果。 假设我搜索了一些东西并得到了 90 个结果，然后我们最初显示前 10 个结果（1 到 10），点击链接我们显示 10 到 20 等等on.this 在没有页面加载（js）的情况下发生。当您打开每个结果时，我们都有一个返回搜索按钮。目前它被分配为 window.history.back 虽然我已经从第 4 或第 5 页导航到第 1 页。 我的要求是将用户带到他来自的同一页面（结果），即如果他从第 42 个结果点击返回搜索，则为 4 页。

<a id="product-detail-back" onclick="window.history.back();">
</a>

Answer 1

没有看到代码我假设后退按钮刷新搜索。 您可能想研究使用 url 中的参数。 例如，当您在 google 上搜索并开始在结果中前进时，google 会添加一个参数：

https://www.google.com/search?q=test

移到下一页带来：

https://www.google.com/search?q=test#q=test&start=10

该参数允许跟踪页面。 如果您的代码随后将开始作为参数处理，您可以跳转到结果的特定页面。一旦您的代码处理参数，请查看 pushState() 以研究如何将用户通过的 url 推送到历史记录