用 Javascript/JQuery 模拟 history.go(-1)

Question

我有三个不同的 html 文件（page1.html、page2.html、page3.html)，每个都包含一个 link 到第四个 html 文件中的相同目标（glossary.html).

由于技术原因，我不能使用 history.go(-1) 或其他浏览器特定的功能，但我可以使用 JavaScript 和JavaScript 库，例如JQuery，和 LocalStorage。

用 JavaScript 模拟 history.go(-1) 功能的最佳方法是什么？

技术细节如下：

page1.html包含以下link:

<a id="page1" href="glossary.html#def1" class="footnote">1</a>

page2.html 包含以下 link:

<a id="page2" href="glossary.html#def1" class="footnote">1</a>

page3.html 包含以下 link:

<a id="page3" href="glossary.html#def1" class="footnote">1</a>

glossary.html包含以下link:

<a id="fn1" href="#">↵ Back </a>Term 1: Definition of term one.

即脚本应执行以下操作：

检索调用 html 页面的 ID（page1、page2 或 page3) 并将其保存为 LocalStorage 项目或以其他合适的持久方式。
当用户点击↵返回 link时，需要更新glossary.html中定义的href所以它指向 page1.html#page1、page2.html#page2 或 page3.html #page3，取决于单击词汇表 link 的 html 页。

解决这个问题最简单的方法是什么？

Answer 1

在您的 glossary.html 中使用 localStorage 来记录 referer url。

如果您使用像 PHP 和 $_SERVER['HTTP_REFERER']...
这样的服务器端脚本，您可以轻松获得它然后通过在变量中回显它来将它传递给 Javascript。

urlValue="<? echo $_SERVER['HTTP_REFERER']; ?>";
localStorage.setItem("referer", urlValue);    // name, value

剩下的编码冒险由您决定。
;)

Simulate history.go(-1) with Javascript/JQuery