如何使用jQuery调用浏览器的“后退”或“前进”按钮？

Question

这可能吗？怎样使用jQuery调用浏览器的返回功能？

- Leonid

Answer 1

这并不需要使用 JQuery。

history.go(-1); // go back
history.go(1); // go forward

- Daniel A. White

Answer 2

为什么要使用jQuery？普通的JavaScript支持history.go(-1)或go(1)，或者查看：http://www.w3schools.com/jsref/met_his_back.asp和http://www.w3schools.com/jsref/met_his_forward.asp

- riffnl

---

jQuery这样的库很有用的一个原因是并非所有浏览器都支持history.go()方法。请参考mdn，其中提到IE直到版本10才开始支持该方法。 - dsjoerg

@dsjoerg 是针对HTML5历史记录API的。而history.go则已经存在一段时间了。 - Daniel A. White

我应该选择哪一个，history.go(-1) 还是 window.history.back()，为什么？ - Silidrone

Answer 3

您不需要使用jQuery来实现这个功能：

• 前进： window.history.go(+1)
• 后退： window.history.go(-1)

- Kris

---

你好，我怎么检测页面是否有前进的页面？例如：if(window.history.go() >= 1){ window.history.go(+1); }如果不需要，我想隐藏前进按钮。 - rafaelphp

你可以检查 window.history.next 是否包含一个 URL。请参阅 https://developer.mozilla.org/en-US/docs/Web/API/History。 - Kris

Answer 4

当您想要一种不显眼的方式来显示浏览器返回按钮时，使用JQuery是有意义的。如果禁用了JavaScript，则以下示例将不显示任何内容：

!function($){
$(document).ready(function(){
    $('#ELEMENT').append('<div class="browser_back"><a class="browser_back_link" alt="go one page back" title="go one page back" href="#browser_back">back</a></div>');
    $('#ELEMENT .browser_back a').click(function() {
    window.history.go(-1);
    return false;
    });
}); }(jQuery);

- d.h.

Answer 5

现在，你也可以这样做： 使用window.history.back()返回上一页，或者 使用window.history.forward()前进到下一页。

- JaySon