ブラウザを前のページに戻すには、JavaScriptをオンクリックしますか?


回答:


446

これを入力要素に追加します

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

52
これはすべてのブラウザで機能するわけではないので、次の<input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />手順を実行する必要がありました。:)
ctrlplusb 2014年

4
これはキャッシュから前のページを表示しますか、それともサーバーから前のページをリロードしますか?
エイドリアン

7
何のaction="action"ために?そしてそれは有効なhtmlですか?
ban-geoengineering

@Adrien-そのjavascriptなので、ブラウザで実行されています。ブラウザーはキャッシュされたページを再利用する必要があります(ブラウザーの設定とページのhttpヘッダーの設定で許可されている場合)。
ToolmakerSteve

次の理由により、インラインJSは本番環境では使用しないでください。1。JSコードは専用の縮小.jsファイルに含める必要があります。2。XSSインジェクションを軽減するためにコンテンツセキュリティポリシーを通じてインラインJSを無効にする必要があります
Theophany

120
history.back()

または

history.go(-1)

これをボタンonclickハンドルに付けます。次のようになります。

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

11
これをボタンのonClickハンドルに配置します
Vadim

7
コードで答えを出すようにすると、もっと明確になるかもしれません
WowThatsLoud

3
その上でのブラウザのサポートは何ですか?
コスタ

98

前ページへ

最初の方法

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

第二の方法

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

1つ以上前に戻りたい場合は、

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.......

2
@JeromeJこれは、ページでJavaScriptが(何らかの理由で)有効になっていない/機能していない場合は何もしないリンクです。JavaScriptが機能している場合、ブラウザは1ページ戻ります。
Jeromy French

14
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 


12

まだ最短!

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

http://jsfiddle.net/qXrbx/

私はその.go(-number)方法を好む、1つまたは多くの「戻る」には、使用/記憶/更新/検索などの方法が1つしかないなど。

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


11

window.history.back();

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

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

8

シンプル。1行。

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

WimとMalikの答えと同じですが、1行で表示されます。


正常に動作しますが、ユーザーがこのようなボタンを使用して特定のページの言語を変更することを決定した場合、多くの場合、前のページに戻るボタンはページではなく言語を元に戻します...
MarekBernádDec

6

これは、現在のすべてのブラウザで動作する唯一のものです。

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.