[JavaScript] ブラウザのリロード（再読込）ボタンを実装する

投稿日：2016年10月1日更新日：2018年5月3日

ブラウザの「リロード」（再読込）ボタンを実装するサンプルです。 window.location.reloadを使用します。

サンプルソース

例）再読込みを行う

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Sample</title>
</head>
<body>
  <input type="button" value="再読込（サーバから）"
        onclick="window.location.reload(true);">
  <input type="button" value="再読込（キャッシュから）"
        onclick="window.location.reload(false);">
</body>
</html>

<!DOCTYPE html>

<head>

<title>Sample</title>

</head>

<body>

<input type="button" value="再読込（サーバから）"

onclick="window.location.reload(true);">

<input type="button" value="再読込（キャッシュから）"

onclick="window.location.reload(false);">

</body>

</html>

解説

window. の部分は省略可能です。（例）location.reload();
引数にtrueを渡すとページをサーバから取得します。（[Ctrl]+[F5]で再読込と同じ）
引数にfalseを渡すとページをキャッシュから取得します。（[F5]で再読込と同じ）
falseがデフォルトなので、キャッシュからリロードする場合は引数を省略して「location.reload();」でOKです。

執筆者：とら