輸入類型 - 後退按鈕？

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()"的所有實例。