javascript - History.go(-1) 不适用于具有指向同一页面各部分的链接的页面

Question

我遇到了一个问题。我有一个网页，我在其中使用了 back 按钮 anchor 链接，使用的代码是 ONCLICK="history.go(-1)"。同一页面有许多 anchor 链接和相关部分。

当我转到包含后退 按钮的页面并立即单击后退 按钮时，后退 按钮可以正常工作。

如果我转到包含后退 按钮的页面，然后点击指向同一页面中某个部分的 anchor 链接，然后点击后退 按钮，那么它永远不会转到上一个网页，而不是转到部分 url。

Answer 1

通过新的 History API，您可以 manipulate the browser history .

History.js帮助您以跨浏览器的方式实现这一目标。

我很快创建了一个 small fiddle这说明了它的工作原理并使用 jQuery 进行事件处理(这不是生产代码，只是一个演示，可以在我的 Chrome 中运行)。

$('.anchor').click(function () {
    history.replaceState({}, '', this.href);
});