前提・実現したいこと
JavascriptかJQueryを使い日付やバージョンを自動的に生成して、
CSSやJSにクエリ付加するCache Bustingnigをしたいのですが、
うまくできません。
WordPressサイトではなく、また、phpが使える環境ではないため
その方法を模索しています。
いろいろなサイトを参考にしたのですが、
何度やっても
以下、参考にしたコードです。
また、QiitaさんのASP版と言われているものなどはどう使ったら良いのでしょうか?
JavascriptとHTMLがちょっと分かる程度なので、
ズバリで教えていただけるとすごく助かります。
該当のソースコード
<script> var today = new Date() var year = today.getFullYear() var month= today.getMonth() + 1 var date = today.getDate() if (month < 10) { month = "0" + month } if (date < 10) { date = "0" + date } var versioningNum = "" + year + month + date var jsURL = 'js/custom.js?ver=' + versioningNum var jsElement=document.createElement('script') jsElement.setAttribute('src', jsURL) document.getElementsByTagName("body")[0].appendChild(jsElement) </script>
<script> var versioningNum = new Date().getTime() var jsURL = '../../portfolio/js/custom.js?ver=' + versioningNum var jsElement=document.createElement('script') jsElement.setAttribute('src', jsURL) document.getElementsByTagName("body")[0].appendChild(jsElement) </script>
Function filedate(filename) Dim fso,file,dtm Set fso = CreateObject("Scripting.FileSystemObject") Set file = fso.GetFile(Server.MapPath(filename)) dtm = file.DateLastModified Set fso = Nothing Set file = Nothing 'yyyy/mm/dd hh:mm:ss を yyyymmddhhmmss に変換 filedate = filename & "?date=" & Replace(Replace(Replace(dtm, "/", ""), ":", ""), " ", "") End Function
よろしくお願いします。
追記
テストファイルを作成して動作を確認しています。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <!-- css --> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"> <!-- script --> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script> <script type="text/javascript" src="./js/scroll.js"></script> <script type="text/javascript" src="./js/scrollTgBlank.js"></script> <script type="text/javascript" src="./js/common.js"></script> <script> var versioningNum = new Date().getTime() var jsURL = './js/common.js?ver=' + versioningNum var jsElement=document.createElement('script') jsElement.setAttribute('src', jsURL) document.getElementsByTagName("body")[0].appendChild(jsElement) </script> </head> <body id="top"> <!-- =========================================================== --> <!-- =========================================================== --><div style="margin-bottom:150px;"></div> <!-- =========================================================== --><div style="margin-bottom:250px;"></div> <a href="#top" class="pagetop">PAGETOP</a> </body> </html>
](eb4dd3ee5290b3d2b34cfd027a1b1833.png)
### 追記②
失礼いたしました。コンソールエラーはありました。
ソースコードを表示したページのコンソールを確認してしまっていました。
### 追記③
失礼いたしました。
出ているようでした・・・
x_x様 ありがとうございます!
### Javascriptを使って他に上手く出力させる方法などはないのでしょうか?
例えばですが、phpのように日付を格納した変数を置くといった方法です。
また、もしあればですが何か他に良い方法があったら教えていただけませんでしょうか?
宜しくお願い致します。

回答1件
あなたの回答
tips
プレビュー