最終更新日：
公開日：
レシピ
ブラウザ
ページをリロード （再読み込み）する
ページを再読み込みする方法について解説します。
この記事のポイント
- 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」を選択したときのみ再読み込みを行います。
reloadメソッドを無条件で実行すると無限に再読み込みしてしまうため、通常は条件式とセットで使用します。
また、引数としてtrueを指定するとキャッシュ無効で再読み込みを行い、falseにするとキャッシュから再読み込みを行います。