JavaScript

[JavaScript] JavaScriptファイルのキャッシュを使用しない方法

投稿日:2017年12月17日 更新日:

JavaScriptファイルのキャッシュを使用しない方法です。

解説

JavaScriptファイルを読み込むには、通常以下のように記述します。

このページを既に読み込んだブラウザではhoge.jsというファイルはキャッシュされるため、内容を変更してもキャッシュがクリアされるまでは変更後の内容は反映されません。


この場合、JavaScriptの変更内容を即時反映したい場合は以下のように読み込ませます。

JavaScriptファイル名の後ろに何かしらのパラメータを付加する(この場合、?var=1)と、ブラウザはキャッシュを使用せずに新たにJavaScriptファイルを読込みに行きます。

なので、JavaScriptを更新したタイミングで新たなパラメータを設定すれば新たに読み込んでくれます。

補足

  • パラメータはjsファイル名の後ろに、?<パラメータ名>=<値>の形式で指定します。
    例)hoge.js?var=123
  • 付加するパラメータは、何でも構いません。
  • 一度使用した(キャッシュ済み)パラメータとは異なるパラメータを指定してください。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 配列の値を全件取得する(forEach、for-of)

配列の値を全件取得するには、forEachまたは、for-of構文を使用します。 ※ for-of構文はECMAScri ...

[JavaScript] コンソールにオブジェクトの中身をテーブル形式で出力する(console.table)

コンソールにオブジェクトの中身をテーブル形式で出力するには、console.tableを使用します。 サンプルソース 例 ...

[JavaScript] チェックボックスにチェックを付ける

チェックボックスにチェックを付けるサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスのオン/オフを切り替 ...

[JavaScript] 文字列を大文字または小文字に変換する

文字列を大文字または小文字に変換するサンプルです。 大文字/小文字に変換するには、toUpperCase、toLower ...

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

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

スポンサーリンク