JavaScript

レシピ

ページをリロード （再読み込み）する

  1. 最終更新日：
  2. 公開日：

ページを再読み込みする方法について解説します。

この記事のポイント

  • location.reloadメソッドでページをリロードする

現在開いているページをリロードする

Locationオブジェクトのreloadメソッドは現在表示しているページを再読み込みすることができます。

JavaScript コード例

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>JS Test</title>
  <script>
    if( confirm('再読み込みしますか？') ) {
      location.reload();
    }
  </script>
</head>
<body>
<h1>JS Test</h1>
</body>
</html>

上記のコードを実行すると次のように確認ウインドウが開き、「OK」を選択したときのみ再読み込みを行います。

OKを選択すると再読み込みを実行する
OKを選択すると再読み込みを実行する

reloadメソッドを無条件で実行すると無限に再読み込みしてしまうため、通常は条件式とセットで使用します。

また、引数としてtrueを指定するとキャッシュ無効で再読み込みを行い、falseにするとキャッシュから再読み込みを行います。

記事一覧

関連記事

  1. トップ
  2. JavaScript
  3. ページをリロード （再読み込み）する