[JavaScript] ブラウザの戻るボタン、次へボタンを実装する（history.back、history.forward）

投稿日：2016年10月6日更新日：2018年9月4日

javascriptでブラウザの履歴を操作するには、
window.history.back()、window.history.forward()を使用します。

サンプルソース

例）「戻る」ボタン、「次へ」ボタンを実装する

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
</head>
<body>
  <input type="button" value="戻る" onclick="window.history.back();">
  <input type="button" value="進む" onclick="window.history.forward();">
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

↓ボタンを押すと、ブラウザの「戻る」「進む」と同じ動きをします

解説

「戻る」場合は、window.history.back(); を使用します。
「進む」場合は、window.history.forward(); を使用します。
window. の部分は省略可能です。
（例）window.history.back(); → history.back();

執筆者：とら