存在しないJavaScriptファイルの記述の動作をしている原因が分からない

Question

よろしくお願いします。

headタグ内にjsを読み込むスクリプトタグを書くと、
そのファイルが実際には存在しないにも関わらず、
事前に削除したjsファイルの内容を読み込んでしまいます。
スクリプトタグが無い場合、jsは動きません。

段階1 main.jsとindex.htmlを用意。jsファイルのonloadイベント内にアラートを出す記述をしていた時、ページを開くとアラートが表示される。

段階2 main.jsを削除する。ページを開くとアラートが表示される。

上記のような状態です。

なお、jsファイルの内容を変更しても、その変更は反映されません。

考えられる原因と対処方法を教えて頂きたいです。
よろしくお願いします。

Answer 1

BJCRobotさんと同じですが、ブラウザのキャッシュに残っているためだと思います。
読み込むタグに次のようにパラメータを付けるとキャッシュを無視してサーバを確認にいきます。

<script type="text/javascript" src="/hoge/main.js?1"></script>

※パラメータを含むユニークなURL毎にキャッシュが作成されるので、更にmain.jsを更新した際は「?」の後の値を変えます。

この問題はページ閲覧者一人一人のブラウザで発生の可能性があります。
何でもいいのですが、スクリプトのリビジョン数値等を「?」の後ろにくっつけるように習慣付けておくと一括で解決するため便利かも知れません。(PHPで書き出したりしてるページでもない限り、都度手動でHTMLも更新しないとだめですけどね。)

Comments

[退会済みユーザー]

回答ありがとうございます。
パラメータを付けたところ、変更がしっかりと反映されました！

Answer 2

ブラウザのキャッシュが残っているってだけじゃないですかね
例えば、IEならCtrl+F5とかで、強制リロードできますので、やってみてください。
もしくは一度終了するかです。