這篇文章主要介紹了HTML頁面自動清理js、css檔案的快取（自動新增版本號）,小編覺得挺不錯的，現在分享給大家HTML源碼，也給大家做個參考。對HTML有興趣的夥伴們一起跟著小編過來看看吧
在web專案開發過程中，我們常常會引用css、js文件，更新文件後常出現緩存問題（明明更改了程式碼，在瀏覽器上訪問的時候卻沒有發生變化），這種情況我們通常採用以下兩種解決方案：
1、手動清除瀏覽器快取
#2、新增版本號（如layout.css?v=1）
個人認為方法2更快，因為清除瀏覽器快取還要等瀏覽器回應。但是每次更改版本號也很麻煩，所以需要想辦法自動添加版本號，
以下是本人收集的方法：
方法一：可以透過js自動給html新增版本號
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");
</script>#方法二：若是jsp頁面，可以使用java程式碼產生時間戳（若是jsp頁面用方法一也行，但此方法更方便）
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三：使用其他的方法加入版本號，如用node.js自動配置等
ps：我們清除快取的目的是為了及時看到頁面的更新情況，當我們將頁面上線時（即部署到正式環境，不會再做更改），建議把版本號固定，因為有緩存的頁面訪問更快，需要更新的時候再更換下固定版本號。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。
相關推薦：
以上是HTML頁面自動清理js、css檔案的快取（自動新增版本號）_HTML/Xhtml_網頁製作的詳細內容。更多資訊請關注PHP中文網其他相關文章！
