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

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

解説

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

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

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

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

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

補足

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