JavaScript

最終更新日:
公開日:

レシピ

ブラウザ

ページをリロード (再読み込み)する

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

この記事のポイント

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

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

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

コード例

<!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を選択すると再読み込みを実行する

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

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