web-dev-qa-db-ja.com

ブラウザをクリックして前のページに戻ります。

ブラウザを前のページに戻すためのボタンのクリックイベントとしてアタッチできる機能はありますか？

<input name="action" type="submit" value="Cancel"/>
javascripthtmlbrowseronclickdom-events
217
Doc Holiday

これをあなたのinput要素に追加してください：

<input action="action" onclick="window.history.go(-1); return false;" type="button" value="Back" />
397
rogerlsmith
history.back()

または

history.go(-1)
108
Vadim

前のページへ

最初の方法 

<a href="javascript: history.go(-1)">Go Back</a>

第二の方法 

<a href="##" onClick="history.go(-1); return false;">Go back</a>

一歩以上後退したいのであれば

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......
88
Rizwan Gill
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/>
13
hspain

あなたはただ以下を呼ぶ必要があります：

history.go(-1);
11
Rich O'Kelly

まだ最短！

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

私はそのように.go(-number)メソッドを好む、1つ以上の「裏」のために、/ remember/update/searchなどを使うためのメソッドは1つだけである.

また、戻るボタンにタグを使用すると、名前とタイプを持つタグよりも適切と思われます。

10
Michael Durrant

window.history.back（）; 

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>
9
Malik Khalil

簡単です。 1行.

<button onclick="javascript:window.history.back();">Go Back</button>

WimとMalikの答えのように、ただ一行で。

5
Andre Mesquita

これが現在のすべてのブラウザで機能する唯一のものです。

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>
4
Wim Mostrey