質問: ### 前提・実現したいこと CSSキャッシュバスティング用のコードを検証しています。 サイトは、WordPressではなくコーディングで制作しているため、 理解を深める意味でもJavaScriptとPHPの両方でできるように したいと思っています。 ネット上WordPress向きのものやjsファイル用に書かれた記事は 少しあったのですが何となく自分の求めている内容と違い、 試行して結局以下のコードで出力はできました。 ただ、以下のJavascriptコードですが、 document.write行にエラー(?)表示(エディターで赤くなる)されて しまいます。 調べたらdocument.writeはHTML5で非推奨とのことでしたが、 どう直して良いか分かりません。 また、PHPは環境がすぐにないため後ほど検証してみようと思っているのですが、 以下のコードで大丈夫なのか、もし分かれば教えて頂けたらと思って載せました。 すみませんが、よろしくお願い致します。 ### 該当のソースコード ``` ``` ``` ``` ### 追記 ご回答ありがとうございます。 エラーログの件ですが、コンソール上では出ていないのですが、 すみません、「エディターで赤くなる」なります。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/c2a4eb674bb54a470cea77bbcb628597.jpeg) DreamweaverCS5ですが、添付画像のような形になります。 そのためdocument.writeを使わないでうまく出せる 方法がないかを模索しています。 一応は出てるので問題はないかと思うのですが、 もっと良い方法や非推奨とされる方法を使わないでも 良いことはやはり良いと思いますので、 教えて頂けたらうれしいです。 また、本日は帰宅しなければいけなくなり、 明日、あらためてご回答くださったみなさまに御礼を兼ね ご返信と引き続き本件でお世話になりたいと思います。 すみませんがよろしくお願い致します。
回答: 結論から言うと、何もエラー表示されてないです。Chromeのソース画面を指して見ているのだったら、 Consoleという部分で、赤いメッセージが表示されていないか確認するといいでしょう。 簡潔に言えば、htmlタグにおけるプロパティの値が、わかりやすいように赤く表示されているだけです。 そして、PHPがまだ投入されていないので、PHPのデリミタやプログラムがただの文字列としてしか認識されていないため、そのまんまで表示されているだけです。 そして、もう一つの質問、document.write以外の出力方法ですが、console.log(変数)を使うといいですよ。変数や定数の出力をConsoleに出力できるので、煩わしくなりません。