入力タイプ - 戻るボタン？

Question

ブラウザの戻るボタンとして、入力タイプのボタンを使用する最良の方法（クロスブラウザ）は何ですか？

Answer 1

このようなことをお探しですか？

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

また

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

Answer 2

"ベスト" は少し主観的で使用することができます。

@Mech Softwareは、単純な関数呼び出しであるため、許容可能な解決策があります。バックボタンを1つだけ作っているのなら、それはおそらく行く方法です。しかし、私はそれが所属するコードを配置しようとします：

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()"のすべてのインスタンスを検索するのではなく、ちょうど1つの場所で機能を変更するのは簡単です。

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()"のすべてのインスタンスを検索するのではなく、正確に1か所で機能を変更するのは簡単です。