输入类型 - 后退按钮？

Question

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

Answer 1

您是否想要做类似的事情？

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

你也可以使用

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

Answer 2

“最佳” 是有点主观的。

@Mech软件有一个可接受的解决方案，因为它是一个简单的函数调用。如果你只是制作一个后退按钮，这可能是一条路。但是，我尝试将代码放在它所属的位置：

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

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

<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()"/> 

而且你可以编辑按钮，通过改变“返回”旁边的值=最后一行说什么。

Answer 4

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

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