如何更新緩存HTML中css和js鏈接
來源：尚品中國|
類型：網(wǎng)站百科
|時間：2012-02-16
北京網(wǎng)站建設(shè)公司尚品中國：在搜索引擎中搜索關(guān)鍵字.htaccess 緩存，你可以搜索到很多關(guān)于設(shè)置網(wǎng)站文件緩存的教程，通過設(shè)置可以將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端，這樣訪客每次訪問你的網(wǎng)站制作的時候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務(wù)器讀取，這樣在一定程度上加快了網(wǎng)站的打開速度，又可以節(jié)約一下你的服務(wù)器流量。
現(xiàn)在問題來了，.htaccess設(shè)置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務(wù)器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁面或者手動清空了瀏覽器的緩存。一個網(wǎng)站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當(dāng)作后綴，如果用問號加參數(shù)的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節(jié)，可以給我們帶來很大的方便。
本文發(fā)布于北京網(wǎng)站制作公司尚品中國http://www.7766.net.cn/
現(xiàn)在問題來了，.htaccess設(shè)置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務(wù)器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁面或者手動清空了瀏覽器的緩存。一個網(wǎng)站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當(dāng)作后綴，如果用問號加參數(shù)的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節(jié)，可以給我們帶來很大的方便。
本文發(fā)布于北京網(wǎng)站制作公司尚品中國http://www.7766.net.cn/
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
H5（手機端）網(wǎng)站建設(shè)發(fā)展趨勢
現(xiàn)在手機用戶日益增多，那么手機網(wǎng)站也就是WAP，它的普及率也會越來越廣...
2017-12-14 -
企業(yè)網(wǎng)站制作有模板可以套用嗎？
為了拓展合作渠道也為了順應(yīng)市場發(fā)展和需要，現(xiàn)在很多企業(yè)都開始制作屬于自...
2022-11-09 -
國外網(wǎng)站設(shè)計的作品哪里好？
最近北京網(wǎng)站制作公司尚品中國團隊為了能做好產(chǎn)品首頁設(shè)計，我研究了很多國...
2015-11-26 -
很簡單的網(wǎng)站建設(shè)技巧
1、抓住重點和特色Seize the key points and c...
2013-03-27 -
網(wǎng)站建設(shè)是以用戶為核心的設(shè)計
北京網(wǎng)站建設(shè)是以用戶為核心的設(shè)計,因此,讓用戶發(fā)明內(nèi)容。谷歌的技能總監(jiān)...
2012-09-06 -
企業(yè)網(wǎng)站該如何策劃
企業(yè)網(wǎng)站制作該如何策劃？我想這是企業(yè)、公司在做網(wǎng)站之前都考慮的，做企業(yè)...
2012-07-28
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？
預(yù)約專業(yè)咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權(quán)所有 | 京ICP備09066521號
| 公安機關(guān)備案號:11011502003910
免責(zé)聲明
誠信企業(yè)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當(dāng)本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
