在进行过渡时保存历史记录

【问题标题】：Saving history while have the transiton在进行过渡时保存历史记录
【发布时间】：2021-05-03 15:35:58
【问题描述】：

我正在尝试完成一项任务，其中我有一个过渡到另一个页面。问题是当您使用 javascript 更改页面时（当然）没有保存历史记录。我正在尝试通过浏览器上的后退按钮导航页面。如何在保存历史记录的情况下进行转换？

【问题讨论】：

标签： javascript html css css-transitions browser-history

【解决方案1】：

这应该可行。

<a href="#" onClick="back()">Back</a>

<script>
    function back(){
        if(history.length === 1){
            window.location = "http://www.stackoverflow.com/"
        } else {
            history.back();
        }
    }
</script>

【讨论】：

【解决方案2】：

HTML5 有一个History_API，您可以在保存状态时使用它进行导航。

你可以使用诸如

之类的方法

history.pushState({page: 1}, "title 1", "?page=1")
history.pushState({page: 2}, "title 2", "?page=2")
history.replaceState({page: 3}, "title 3", "?page=3")

在您以编程方式浏览应用程序时操纵历史记录。

【讨论】：