【JavaScript】reloadメソッドを使ってリロード・スーパーリロードする方法

RELEASE / 2024.7.30 UPDATE / 2024.07.27

JavaScript

jQuery

reload()

スーパーリロード

リロード

リロードとはページを再読み込みすることです。
JavaScriptにはページをリロードするreloadメソッドがあります。
この記事ではreloadメソッドを使ってページをリロードする方法をご紹介したいと思います。

この記事の目次を表示

reloadメソッドの使い方

JavaScriptでページをリロードするためのreloadメソッドは以下のように使います。

window.location.reload();

/* もしくは */
location.reload();

ここからはreloadメソッドの具体的な使用例を見ていきましょう。

ボタンをクリックした時にページをリロードする場合は以下のように記述します。

$('button').on('click',function(){
    window.location.reload();
});

ページをリロードしただけではブラウザキャッシュは完全に消えない可能性が高いです。
そこで利用されるのがスーパーリロードという通常のリロードよりも強力にブラウザキャッシュをクリアする方法です。

JavaScriptでスーパーリロードする方法を調べてみると以下のような記述がいくつ出てきました。

window.location.reload(true);

/* もしくは */
location.reload(true);

しかし、reloadメソッドに引数を指定することは出来なくなってしまったようです。
そのため、現時点ではJavaScriptを使ってのスーパーリロードをする方法は無いようです。

Windowsであれば、「F5＋Ctrl」でスーパーリロードするようにしましょう。

いかがでしたか？
この記事ではJavaScriptのreload()メソッドを使ってページをリロードする方法をご紹介しました。
ページをリロードする機会は意外とあります。
もし忘れてしまった人ややり方がわからないという人はこの記事でやり方を確認してみて下さい