在 history.pushState 之后导航时恢复原始页面

Restore original page when navigating back after history.pushState

本文关键字:恢复 原始 导航 history pushState 之后      更新时间:2023-09-26

我在用户提交表单后使用 history.pushState 创建一个"假"结果页面。但是,当我向后导航时,可见页面保持不变。在按后退后获取原始页面(未经javascript修改,但填写表单)的简单方法是什么?

您必须处理onpopstate事件并手动重新加载上一页:

window.onpopstate = function() {
    location.reload();
};

您需要观察当前地址的变化并自己做出反应。

请参阅此示例:https://developer.mozilla.org/en/DOM/window.onpopstate

另请查看文档:

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history/