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

1、手動(dòng)清除瀏覽器緩存

2、添加版本號(hào)（如 layout.css?v=1）

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

以下是本人收集的方法：

方法一：可以通過(guò)js自動(dòng)給html添加版本號(hào)

 script type= text/javascript document.write( link rel= stylesheet type= text/css href= /css/layout.css?v= +new Date().getTime()+  /script 

方法二：若是jsp頁(yè)面，可以使用java代碼生成時(shí)間戳（若是jsp頁(yè)面用方法一也行，但此方法更方便）

 link rel= stylesheet type= text/css href= /css/layout.css?v= %=System.currentTimeMillis() % 

方法三：使用其他的方法添加版本號(hào)，如用node.js自動(dòng)配置等

ps：我們清除緩存的目的是為了及時(shí)看到頁(yè)面的更新情況，當(dāng)我們將頁(yè)面上線時(shí)（即部署到正式環(huán)境，不會(huì)再做更改），建議把版本號(hào)固定，因?yàn)橛芯彺娴捻?yè)面訪問(wèn)更快，需要更新的時(shí)候再更換下固定版本號(hào)。

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

相關(guān)推薦：

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

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

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

以上就是HTML頁(yè)面自動(dòng)清理js、css文件的緩存（自動(dòng)添加版本號(hào)）_HTML/Xhtml_網(wǎng)頁(yè)制作的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。