使用 JavaScript 获取存储的 HTML5 历史记录答案

【问题标题】：Get stored HTML5 History using JavaScript使用 JavaScript 获取存储的 HTML5 历史记录
【发布时间】：2011-11-15 13:27:16
【问题描述】：

我正在使用 History.js https://github.com/browserstate/History.js/ 开发一个使用 AJAX 的应用程序，该应用程序可以使用 HTML5 History API 来更改浏览器中的 url 和标题。

关于如何获取上一页信息的任何想法？例如，如果我在下一页domain.com/about，然后转到domain.com/about/team，我将能够在上一页的API中获取存储的信息。

有人可以帮忙吗？我知道该插件可以与后退和前进按钮对话，因此知道历史记录中的前一页是什么，但只是不知道如何实际获取信息。

例如var previousUrl = ????

【问题讨论】：

可能重复stackoverflow.com/questions/48805/…
你不能在用户点击链接时存储这个，并保留一堆访问过的页面吗？
不是重复的！当我问如何访问此插件或 HTML5 History API 存储的信息时。
@pimvdb 这就是 HTML5 规范中 History API 的作用！但是你是怎么做到的呢？这个插件应该更容易与 API 通信，但我没有看到与访问信息有任何关系？

标签： javascript html

【解决方案1】：

尝试从 Mozilla Dev 中查看有关 window History object 的此页面。它有一些关于通过 HTML 5 引入的关于操纵历史和状态的新特性的详细信息。我没有使用您所指的库，但它似乎支持可用的新命令，并为旧浏览器使用回退技术。
这是您链接到的网站的 sn-p：

// Bind to StateChange Event
History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate
    var State = History.getState(); // Note: We are using History.getState() instead of event.state
    History.log(State.data, State.title, State.url);
});

因此，您可以看到 cmets 在哪里使用自定义函数/方法来操作历史记录，而不是标准中定义的方法。

【讨论】：