window.historyオブジェクトには、ブラウザの履歴が含まれています。
Window History
window.historyオブジェクトは、ウィンドウの接頭辞なしで書き込むことができます。
ユーザーのプライバシーを保護するために、JavaScriptを有効にしてオブジェクトにアクセスする方法には限界があります。
いくつかの方法:
- history.back() -ブラウザに戻ってクリックするのと同じ
- history.forward() -ブラウザに前方クリックするのと同じ
Window History戻ります
history.back()メソッドは、履歴リスト内の前のURLをロードします。
これは、ブラウザの[戻る]ボタンをクリックするのと同じです。
例
ページ上の[戻る]ボタンを作成します。
<html>
<head>
<script>
function goBack() {
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
上記のコードの出力は次のようになります。
Window Historyフォワード
history forward()メソッドは、履歴リストに次のURLをロードします。
これは、ブラウザで[進む]ボタンをクリックするのと同じです。
例
ページ送りボタンを作成します。
<html>
<head>
<script>
function goForward() {
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>
上記のコードの出力は次のようになります。