JavaScript Window History


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


Window History

window.historyこのオブジェクトは、コードを書く際に window プレフィックスを省略できます。

ユーザーのプライバシーを保護するため、JavaScript によるこのオブジェクトのメソッドへのアクセスには制限が設けられています。

いくつかのメソッド:

  • history.back() - ブラウザで戻るボタンをクリックするのと同じ
  • history.forward() - ブラウザで進むボタンをクリックするのと同じ

Window history.back()

history.back() メソッドは履歴リスト内の前の URL を読み込みます。

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

サンプル

ページに戻るボタンを作成する:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <head> <script> function goBack() { window.history.back() } </script> </head> <body> <input type="button" value="Back" onclick="goBack()"> </body> </html>

上記のコードの出力は次のとおりです:



Window history.forward()

history forward() メソッドは履歴リスト内の次の URL を読み込みます。

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

サンプル

ページに進むボタンを作成する:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function goForward() { window.history.forward() } </script> </head> <body> <input type="button" value="Forward" onclick="goForward()"> </body> </html>

上記のコードの出力は次のとおりです:



その他の拡張