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>

<子> JS：

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

我正在假设jQuery库，因为它相对无处不在（如果你想要非jQuery版本，请告诉我）。

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

Answer 3

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

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

Answer 4

试试这个效果非常好，看起来也很整洁。

  <center>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/>
</center>

如果你不想让它说错误链接那么我们这个

<center>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
<input type="button" value="Go Back" onclick="goBack()"/>

您可以通过更改最后一行中value =旁边的“Go Back”来编辑按钮所说的内容。

输入类型 - 后退按钮？

4 个答案: