如何正确使用DOM历史对象

How to use the DOM history object correctly

本文关键字：历史 对象 DOM 何正确      更新时间：2023-09-26

根据Mozilla开发者网络的这个页面，https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history，做window.history.back() ....

…就像用户在他们的网页上点击后退按钮一样浏览器工具栏

但这不是我所发现的。

我有第1页，第2页，第3页和第4页，在最后三个页上有自定义后退按钮。

如果我点击从1 -> 2 -> 3 -> 4，然后使用浏览器的后退按钮，我将从4 -> 3 -> 2 -> 1。

如果我对自定义后退按钮做同样的操作，然而，当我试图返回时，它会转到4 -> 3 -> 4 -> 3 -> 4 ->…等等

有办法解决这个问题吗?

下面是我的代码:

<button onclick="window.history.back()" id="back-btn" class="button left ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text"><i class="icon-arrow-left"></i> Back</span></button>

我整理了一下。基本上我的按钮提交错误了。当我按下前进或后退键时，它似乎工作正常。当我检查网络接口时(通过firebug)，我实际上是一次触发了多个请求。

现在我的按钮工作正常，历史记录也很好!

相关文章：