JS Window ヒストリ

window.historyオブジェクトは、ブラウザの履歴を含んでいます。

historyオブジェクト

window.historyオブジェクトは、現在のフレームやウィンドウでアクセスしたすべてのページのリストを含むブラウザセッションの履歴を保持しています。

window.historyウィンドウプレフィックスがないオブジェクトを書き込むことができます。

いくつかの例：

• history.back()

• history.forward()

• history.go()

次のセクションでは、ユーザーのブラウジング履歴の情報を取得する方法について説明します。

ただし、ユーザーのプライバシーを保護するため、JavaScriptがこのオブジェクトにアクセスするにはいくつかの制限があります。

訪問したページ数を取得します

このhistory.length属性は、ブラウザセッションの履歴の中で現在のウィンドウのページ数を返します。

現在読み込まれているページも含まれます。

var result = history.length;　//　現在のセッションの履歴のサイズを返します。

この属性を使用して、ユーザーが現在のブラウザセッション中にどれだけのページを訪問したかを確認できます。

前のページに戻る

このhistory.back()このメソッドは履歴リストの前のURLをロードします。

これはブラウザで「戻るボタン」をクリックすることと同じです。

<button　onclick="history.back();">戻る</ボタン>

以下の出力が表示されます：

次のページに進む

このhistory.forward()このメソッドは履歴リストの次のURLをロードします。

これはブラウザで「進むボタン」をクリックすることと同じです。

<button　onclick="history.forward();">進む</ボタン>

以下のコードは以下の出力を表示します（履歴リストに次のページが存在しない場合、この例は動作しません）：

特定のページに移動

さらに、以下を使用してhistory.go()このメソッドはセッション履歴から特定のページをロードします。

このメソッドは整数を引数として受け取ります。

負の整数は履歴に後退し、正の整数は履歴に進みます。

<button　onclick="history.go(-2);">戻る2ページ</ボタン>

以下の出力が表示されます：

注：Windowsの履歴に存在しないページにアクセスしようとすると、このメソッドhistory.back()、history.forward()およびhistory.go()何も行動はありません。