キャッシュをさせない

やりたいこと

あの、ScriptタグでJSファイルを読み込んで、読み込んだJSファイルのキャッシュをやりたいです。
また、複数ページにやるので手動で?var=1.1.0のようにつけたくないです。

試したこと

html
1<script src="ccc.js?var=1.0.0"></script>

js
1url = url + '?ver=' + new Date().getTime();

これでもキャッシュができてしまいました。
何か自動でやる方法はないでしょうか。

CHERRY

2019/06/04 08:36

サーバー側で設定されないで、JavaScript で設定したいというのは、なにか理由があるのでしょうか？

Res

2019/06/04 08:40

現在サーバーの方はメンテナンス中なので借りサーバーを動かしていて、今操作可能なものがJSファイルのみなので。

行動規範の内容に同意します

回答2件

複数ページにやるので手動で?var=1.1.0のようにつけたくないです。

PHPなどサーバーサイドの言語で画面表示部分をテンプレート化すれば良いのではないでしょうか。

投稿2019/06/04 08:24

m.ts10806

総合スコア80850

Res

2019/06/04 08:27

今できないんですよね。すみません。

m.ts10806

2019/06/04 08:31

よくわかりませんが、事情や背景があるのでしたら質問本文に追記しておいてください。何もないと考えられるあらゆる手段が回答として可能になります。

行動規範の内容に同意します

ベストアンサー

javascript
1<head>
2<script>
3window.addEventListener('DOMContentLoaded', function(e){
4  var url ="ccc.js";
5  url +='?ver=' + new Date().getTime();
6  var scr=document.createElement("script");
7  scr.setAttribute("src",url);
8  scr.setAttribute("type","text/javascript");
9  document.querySelector('head').appendChild(scr);
10});
11</script>
12</head>

投稿2019/06/04 08:11

yambejp

総合スコア114843

Res

2019/06/04 08:13

試してみます。

Res

2019/06/04 08:17

仕組みを教えていただけますか。

x_x

2019/06/04 08:46

これの弱点としては読み込み順が保証できなくなるということですね。順序が関係ないものならいいのですが。

oikashinoa

2019/06/04 14:13

suzu12さんへ。教えてもらえますか？ではなくて、xxxと理解しましたが合ってますか？という姿勢でないと身に付きませんよ。また、yambejpさんが教えるにしてもあなたが何が分からないから答えようがないと思います。ぶっちゃけ言うと書いてある通りですね。何しているかはmdnで調べてみましょう。それか有料スクールにでも行けばおしえてくれるかも。

oikashinoa

2019/06/04 14:24

x_xさんへ。このやり方だと出来た<script>タグ順に保証されないのですか。読み終わった順(≒小さい順)に処理されるのですかね。 http://sujoyu.hatenadiary.com/entry/2017/03/03/script%E3%82%BF%E3%82%B0%E3%82%92%E5%8B%95%E7%9A%84%E3%81%AB%E8%BF%BD%E5%8A%A0%E3%81%97%E3%81%A6%E3%80%81%E5%90%8C%E6%9C%9F%E3%81%97%E3%81%A6%E5%AE%9F%E8%A1%8C%E3%81%99%E3%82%8B%E3%80%82 ajaxで読み込んで中身を<script>に埋め込む方法もあるようです。こっちならタグ順に処理されるのだとか。

x_x

2019/06/04 15:48

oikashinoa さんへなるほど、これなら同期処理ですね。しかし、同期 Ajax を使うことで今度はブラウザから警告が出てしまいそうです……

oikashinoa

2019/06/04 22:14

ソースが複数ある時、非同期ajaxでの読み込みをpromiseallで束ねて全件読み終える→scriptタグを作る流れかなと考えてます。まだ頭の中だけですが。

行動規範の内容に同意します

あなたの回答