javascript - 如何保持页面刷新和导航历史记录

Question

我正在使用 this library创建我的页面导航。然而，由于这种导航对我来说是新的，因为所有页面都在一个 html 文件而不是不同的文件中，我不确定如何保存这种历史记录。

使用 <a> name和 href在这种情况下不起作用，因为它不存储页面转换的 anchor ，而是将页面索引存储为 data .

我正在寻找一种方法来:A)当我点击刷新时保持数据编号(打开页面)处于事件状态(因为开箱即用它总是转到第一页)B) 保留导航历史记录，这样您就可以在页面之间导航后点击后退按钮

任何建议都有帮助，也许还有一些基本示例可供引用。谢谢!

Answer 1

您可以使用 History API操纵.pt-trigger 点击

的历史记录

    $('.pt-trigger').click(function() {
        var stateObj = { foo: "bar" };
        history.pushState(stateObj, "Your page name, "bar.html");
    });

当单击页面转换触发器时，它将 URL 更改为 foobar.com/bar.html。对于 stateObj，您需要保存上一页的一些标识，以便您可以使用 onpopstate 使用后退按钮返回。事件。