JavaScript

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

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

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

解説

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

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


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

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

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

補足

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ディスプレイのサイズを取得する(screen.width、screen.height)

ディスプレイのサイズ(画面解像度)を取得するには、 screen.width、screen.height を使用します。 ...

[JavaScript] 初期チェック状態を取得する(.defaultChecked)

チェックボックス等の初期チェック状態を取得するには、.defaultCheckedを使います。 サンプルソース 例)ボタ ...

[JavaScript] 配列の要素を更新する

配列の要素を更新するサンプルです。 配列の要素を更新するサンプル 配列の要素を更新するには、配列番号で取得した要素に値を ...

[JavaScript] keypressイベントを取得する(onKeyPress)

keypressイベントを取得するサンプルです。 サンプルソース 例1)テキストボックスでキーを押すとキーコードが表示さ ...

[JavaScript] 配列内の要素を検索する

配列内の要素を検索するには、indexOfを使用します。 存在する場合は存在したインデックス番号が返り、存在しない場合は ...

スポンサーリンク