JavaScript

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

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

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

解説

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

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


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

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

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

補足

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] KeyUpイベントを取得する(onKeyUp)

JavaScriptでkeyupイベントを取得するサンプルです。 keyUpとは、押し下げたボタンを離した時に発生するイ ...

[JavaScript] ページを離れる直前に処理を行う(onBeforeUnload)

ページを離れる直前に処理を行うには、onBeforeUnloadイベントハンドラを使用します。 サンプルソース 例)ペー ...

[JavaScript] 文字列からFunctionを生成する

文字列からFunctionを生成するサンプルです。 サンプルソース 例)文字列からFunctionを生成して実行するサン ...

[JavaScript] カンマ区切り文字列→配列にする

カンマ区切り文字列から文字列配列に変換するサンプルです。 サンプルソース 例)文字列"aaa,bbb,ccc& ...

[JavaScript] ダブルクリック イベントを取得する(onDblClick)

ダブルクリックイベントを取得するには、ondblclickイベントハンドラを使用します。 サンプルソース 例)ボタンをダ ...

スポンサーリンク