コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

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

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

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

解説

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

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


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

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

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

補足

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] テキストの指定位置にカーソルをセットする(.setSelectionRange)

テキストの指定位置にカーソルをセットするには、.setSelectionRange()を使用します。 サンプルソース [ ...

[JavaScript] imgタグに画像が存在するかチェックする

imgタグに画像が存在するかチェックするサンプルです。 画像がリンク切れしているかどうかをチェックしたい場合などに使用で ...

[JavaScript] 要素の集合体をを配列として取得する(Array.from)

要素の集合体をを配列として取得するには、Array.fromを使用します。 サンプルソース 例)"c1"クラスを持つ要素 ...

[JavaScript] 全角カタカナチェックを行う

JavaScriptで全角カタカナチェックを行うサンプルFunctionです。 全角カタカナチェックを行う 例)値が全角 ...

[JavaScript] 正規表現で文字チェックを行う

正規表現を使って文字チェックを行うサンプルです。 サンプルソース 例)正規表現パターンと一致判定を行う [crayon- ...

スポンサーリンク