前提・実現したいこと
CSSキャッシュバスティング用のコードを検証しています。
サイトは、WordPressではなくコーディングで制作しているため、
理解を深める意味でもJavaScriptとPHPの両方でできるように
したいと思っています。
ネット上WordPress向きのものやjsファイル用に書かれた記事は
少しあったのですが何となく自分の求めている内容と違い、
試行して結局以下のコードで出力はできました。
ただ、以下のJavascriptコードですが、
document.write行にエラー(?)表示(エディターで赤くなる)されて
しまいます。
調べたらdocument.writeはHTML5で非推奨とのことでしたが、
どう直して良いか分かりません。
また、PHPは環境がすぐにないため後ほど検証してみようと思っているのですが、
以下のコードで大丈夫なのか、もし分かれば教えて頂けたらと思って載せました。
すみませんが、よろしくお願い致します。
該当のソースコード
javascript
1<script> 2var versioningNum = new Date().getTime() 3document.write(`<link href="css/style.css?date=${versioningNum}" rel="stylesheet" type="text/css">`); 4</script>
php
1<link rel="stylesheet" href="./css/style.css?date=<?php echo date('Ymd-Hi'); ?>" type="text/css"> 2<link rel="stylesheet" href="./css/style.css?<?= filemtime('css/style.css'); ?>">
追記
ご回答ありがとうございます。
エラーログの件ですが、コンソール上では出ていないのですが、
すみません、「エディターで赤くなる」なります。
DreamweaverCS5ですが、添付画像のような形になります。
そのためdocument.writeを使わないでうまく出せる
方法がないかを模索しています。
一応は出てるので問題はないかと思うのですが、
もっと良い方法や非推奨とされる方法を使わないでも
良いことはやはり良いと思いますので、
教えて頂けたらうれしいです。
また、本日は帰宅しなければいけなくなり、
明日、あらためてご回答くださったみなさまに御礼を兼ね
ご返信と引き続き本件でお世話になりたいと思います。
すみませんがよろしくお願い致します。
回答3件
あなたの回答
tips
プレビュー