HTML頁面自動(dòng)清理js、css文件的緩存(自動(dòng)添加版本號)
在web項(xiàng)目開發(fā)過程中,我們經(jīng)常會(huì)引用css、js文件,更新文件后常出現(xiàn)緩存問題(明明更改了代碼,在瀏覽器上訪問的時(shí)候卻沒有發(fā)生變化),這種情況我們通常采用以下兩種解決方案:
1、手動(dòng)清除瀏覽器緩存
2、添加版本號(如 layout.css?v=1)
個(gè)人認(rèn)為方法2更快,因?yàn)榍宄秊g覽器緩存還要等瀏覽器響應(yīng)。但是每次更改版本號也很麻煩,所以需要想辦法自動(dòng)添加版本號,
以下是本人收集的方法:
方法一:可以通過js自動(dòng)給html添加版本號
<script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>"); </script>
方法二:若是jsp頁面,可以使用java代碼生成時(shí)間戳(若是jsp頁面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三:使用其他的方法添加版本號,如用node.js自動(dòng)配置等
ps:我們清除緩存的目的是為了及時(shí)看到頁面的更新情況,當(dāng)我們將頁面上線時(shí)(即部署到正式環(huán)境,不會(huì)再做更改),建議把版本號固定,因?yàn)橛芯彺娴捻撁嬖L問更快,需要更新的時(shí)候再更換下固定版本號。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
上一篇:標(biāo)簽欄的幾種實(shí)現(xiàn)方法(推薦)
欄 目:CSS/HTML
下一篇:web響應(yīng)式布局中iframe自適應(yīng)的方法
本文標(biāo)題:HTML頁面自動(dòng)清理js、css文件的緩存(自動(dòng)添加版本號)
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9549.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡單介紹
- 01-10通過html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析
- 01-10HTML元素設(shè)置焦點(diǎn)的方法
- 01-10在html文件里include文件內(nèi)容的方法小結(jié)
- 01-10使用overflow: hidden來禁用頁面滾動(dòng)條
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)


閱讀排行
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 01-10C語言打印楊輝三角示例匯總
- 01-10vue實(shí)現(xiàn)分頁加載效果
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C++ 類訪問控制的條件總結(jié)
- 08-05dedecms織夢模板全站調(diào)用收藏?cái)?shù)的方法
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 08-05dedecms織夢模板編輯文檔的同時(shí)自動(dòng)更