window.historyプロパティは、Historyオブジェクトへの参照を返すプロパティ。
構文
<script type="text/javascript">
window.history;
</script>
window.history;
</script>
戻り値
Historyオブジェクトへの参照。
サンプル
サンプルの動作について
- 「戻る」ボタンをクリックすると、ブラウザの履歴リストが空でなければ、ブラウザの履歴リストの中の前のURLのページを表示する。
ブラウザの「戻る」ボタンと同じ。 - 「進む」ボタンをクリックすると、ブラウザの履歴リストが空でなければ、ブラウザの履歴リストの中の次のURLのページを表示する。
ブラウザの「進む」ボタンと同じ。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleBack() {
var $historyObject = window.history;
if( $historyObject.length ){
$historyObject.back();
}
}
function sampleForward() {
var $historyObject = window.history;
if( $historyObject.length ){
$historyObject.forward();
}
}
</script>
function sampleBack() {
var $historyObject = window.history;
if( $historyObject.length ){
$historyObject.back();
}
}
function sampleForward() {
var $historyObject = window.history;
if( $historyObject.length ){
$historyObject.forward();
}
}
</script>
HTML
<div class="sample">
<button onclick="sampleBack();">戻る</button>
<button onclick="sampleForward();">進む</button>
</div>
<button onclick="sampleBack();">戻る</button>
<button onclick="sampleForward();">進む</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>