ブラウザでキャッシュを使わないように設定したい

Question

社内システムで、ログイン後のトップページにJavaScriptを設定し
条件によって表示/非表示を切り替えたいのですが
chromeのキャッシュが読み込まれてしまい反映されません。
良い方法があれば教えていいただきたいです。

HTMLのSCRIPTタグにクエリ文字列を追加すればいいという記事をたくさん見つけたので
キャッシュを消去してから試してみましたが、
下記のようになぜかdisk cacheからmain.jsファイルが2回?読み込まれています。
書き方が悪いのでしょうか…。

	<script>
		document.write(
			'<script src="JavaScript/main.js?p=' + new Date().getTime() + '"></script>'
		);
	</script>

初心者ですみません。
よろしくお願いいたします。

Answer 1

(disk cache)がある列の左側にどこから呼ばれているかが表示されています。
おそらくStartPage.htmlの部分を修正されたのだと思いますが、include.aspx?...からもmain.js を読んでいるようなのでそこを修正する必要があるかと思います。

Comments

[powerfulcat]

ご教示いただきありがとうございます!!

>include.aspx?...からもmain.js を読んでいるようなので
そういうことだったんですね…。
全くの初心者につき、見方が分かっておりませんでした。
ひとつ手がかりが見つかって嬉しいです。
ありがとうございました!!

Answer 2

なぜjsをキャッシュから読んではいけないのか不明ですが

window.addEventListener('DOMContentLoaded', ()=>{
  const scr=document.createElement('script');
  scr.setAttribute('src','JavaScript/main.js?p='+new Date().getTime());
  document.querySelector('head').append(scr);
});

Comments

[powerfulcat]

ご教示いただきありがとうございます＾＾
理由は先述しています通り、キャッシュを読むとjsで変更した内容がwebページに反映されないからです。
試してみましたがやはりキャッシュを読んでいるみたいなので他の方の解決策を試してみます。
ありがとうございました!!