输入类型 - 后退按钮？

Question

使用输入类型按钮作为浏览器后退按钮的最佳方法(跨浏览器)是什么？

Answer 1

你想做这样的事吗？

<input type="button" onclick="history.back();" value="Back">

你也可以用

<input type="button" onclick="history.go(-1);" value="Back">

Answer 2

"最好"有点主观.

@Mech Software有一个可接受的解决方案,因为它是一个简单的函数调用.如果你只做一个后退按钮,那么可能就是这样.但是,我尝试将代码放在它所属的位置:

HTML属于.html,CSS属于.css,JavaScript属于.js文件.onclick我给它一个类back-button并将click监听器附加到每个.back-button元素,而不是给按钮一个属性.

_HTML:

<input type="button" class="back-button" value="Back" />
<!-- or -->
<button type="button" class="back-button">Back</button>

jQuery(function($){
  $('.back-button').click(function(e){
    history.back();
  });
});

我假设jQuery库,因为它相对无处不在(如果你想要非jQuery版本,请告诉我).

我建议这种方法的原因是它可以扩展.如果您决定使用后退按钮执行更多操作,或者浏览器发生更改(这种情况一直发生),则只需在一个位置更改功能即可,而不必查找每个实例onclick="history.back()".