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

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

JavaScript JavaScript基本

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

投稿日:

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

解説

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

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


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

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

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

補足

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

スポンサーリンク

スポンサーリンク

-JavaScript, JavaScript基本

執筆者:


comment

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

関連記事

[JavaScript] テキストボックスのmaxlength値を取得する

テキストボックスのmaxlength値を取得するには、maxLengthを使用します。 (※HTML5以降であれば、テキ ...

[JavaScript] 埋め込み文字を使う

JavaScriptで埋め込み文字(埋め草文字)を使うサンプルです。 ※ECMAScript6対応ブラウザ以降で使用可で ...

[JavaScript] JavaScriptのみ実行して遷移は行わないリンクを作成する

JavaScriptのみ実行するリンクにするは、hrefに"javascript:~"と記述します。 サンプルソース 例 ...

[JavaScript] ページに文字列を出力する

JavaScriptからページに文字列を出力するには、 document.write、document.writelnを ...

[JavaScript] 画面のサイズを変更する(resizeTo、resizeBy)

画面のサイズを変更するにはresizeToまたはresizeByを使用します。 resizeToとresizeByの違い ...

スポンサーリンク