明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML頁面自動清理js、css文件的緩存（自動添加版本號）_HTML/Xhtml_頁面制作

發(fā)表時間：2024-05-10 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這篇文章主要介紹了HTML頁面自動清理js、css文件的緩存（自動添加版本號）,小編覺得挺不錯的，現(xiàn)在分享給大家HTML源碼，也給大家做個參考。對HTML感興趣的小伙伴們一起跟隨小編過來看看吧 在web項目開發(fā)過程中，我們經(jīng)常會引用css、js文件，更新文件后常出現(xiàn)緩存問題（明明更改了代碼，在瀏覽...
這篇文章主要介紹了HTML頁面自動清理js、css文件的緩存（自動添加版本號）,小編覺得挺不錯的，現(xiàn)在分享給大家HTML源碼，也給大家做個參考。對HTML感興趣的小伙伴們一起跟隨小編過來看看吧

在web項目開發(fā)過程中，我們經(jīng)常會引用css、js文件，更新文件后常出現(xiàn)緩存問題（明明更改了代碼，在瀏覽器上訪問的時候卻沒有發(fā)生變化），這種情況我們通常采用以下兩種解決方案：

1、手動清除瀏覽器緩存

2、添加版本號（如 layout.css?v=1）

個人認(rèn)為方法2更快，因為清除瀏覽器緩存還要等瀏覽器響應(yīng)。但是每次更改版本號也很麻煩，所以需要想辦法自動添加版本號，

以下是本人收集的方法：

方法一：可以通過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：我們清除緩存的目的是為了及時看到頁面的更新情況，當(dāng)我們將頁面上線時（即部署到正式環(huán)境，不會再做更改），建議把版本號固定，因為有緩存的頁面訪問更快，需要更新的時候再更換下固定版本號。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持。

相關(guān)推薦：

html的span標(biāo)簽怎么使用

html的滾動條樣式設(shè)置

html為什么有亂碼以及解決方法

以上就是HTML頁面自動清理js、css文件的緩存（自動添加版本號）_HTML/Xhtml_網(wǎng)頁制作的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。