如何正确使用DOM历史记录对象

时间:2013-05-11 00:18:45

标签: javascript jquery dom browser-history

根据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>

(你会看到我用jQuery设计它...)

1 个答案:

答案 0 :(得分:0)

我整理了这个。基本上我的按钮提交不正确。当我按下前进或后退按钮时,它似乎工作正常。当我检查网络接口时(通过firebug)我实际上是一次性解雇多个请求。

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