window.back()は、ブラウザの履歴リストの中の前のURLへ移動するメソッド。
2013年6月30日現在、IE9とGoogleChromeは未対応。Firefoxでは動作する。
Historyオブジェクトのwindow.history.back()メソッドもブラウザの履歴リストの中の次のURLへ移動する。window.history.back()メソッドであれば、IE9、Firefox、GoogleChromeに対応している。
構文
<script type="text/javascript">
window.back();
</script>
window.back();
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
back();
</script>
back();
</script>
サンプル
サンプルの動作について
- 「戻る」ボタンをクリックすると、ブラウザの履歴リストの中の前のURLを表示する。
ブラウザの「戻る」ボタンと同じ。 - 「進む」ボタンをクリックすると、ブラウザの履歴リストの中の次のURLを表示する。
ブラウザの「進む」ボタンと同じ。
サンプルのソースコード
HTML
<div id="sample">
<button class="sampleButton" onclick="window.back();">戻る</button>
<button class="sampleButton" onclick="window.forward();">進む</button>
</div>
<button class="sampleButton" onclick="window.back();">戻る</button>
<button class="sampleButton" onclick="window.forward();">進む</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>