使用 jquery 手动将 url 添加到历史记录

Question

我希望我的网站允许导航，但我不喜欢所有历史插件的应用程序。他们中的大多数或全部都使用主题标签，这并不真正适用于我的网站。我想保持干净的 url，而且通常只是在当前 url 中添加标签是没有意义的。

所以我想要完成的是，每当用户点击某些链接时，我都会人为地在历史记录中添加一个 url。如果用户刷新或点击返回，它应该导航到该 url，该 url 将自行存在。这部分不用ajax做，没关系。

示例：用户使用http://www.abc.com/page1.php。如果他们单击第 2 页的链接，ajax 将填充当前页面。 url 现在应该是http://www.abc.com/page2.php，用户可以点击返回回到第 1 页，或者点击刷新停留在第 2 页。第 1 页和第 2 页都可以添加书签，这不是问题。

我能想到的最好的例子是 facebook 浏览照片的方式

Answer 1

This plugin 可能会对您有所帮助。

History.js 优雅地支持所有浏览器中的 HTML5 History/State API（pushState、replaceState、onPopState）。包括对数据、标题和替换状态的持续支持。支持 jQuery、MooTools 和原型。对于 HTML5 浏览器，这意味着您可以直接修改 URL，而无需再使用哈希。对于 HTML4 浏览器，它将恢复使用旧的 onhashchange 功能。