如何更新緩存HTML中css和js鏈接
來源：尚品中國|
類型：網站百科|
時間：2012-02-16
北京網站建設公司尚品中國：在搜索引擎中搜索關鍵字.htaccess 緩存，你可以搜索到很多關于設置網站文件緩存的教程，通過設置可以將css、js等不太經常更新的文件緩存在瀏覽器端，這樣訪客每次訪問你的網站制作的時候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務器讀取，這樣在一定程度上加快了網站的打開速度，又可以節約一下你的服務器流量。
現在問題來了，.htaccess設置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網站頁面或者手動清空了瀏覽器的緩存。一個網站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內容）就可以了。如原先html中的css調用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內容的。在你更新了網站的css文件內容后，在更換一下css的文件名就可以了。如原先html中的css調用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當作后綴，如果用問號加參數的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節，可以給我們帶來很大的方便。
本文發布于北京網站制作公司尚品中國http://www.londe303.com/
現在問題來了，.htaccess設置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網站頁面或者手動清空了瀏覽器的緩存。一個網站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內容）就可以了。如原先html中的css調用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內容的。在你更新了網站的css文件內容后，在更換一下css的文件名就可以了。如原先html中的css調用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當作后綴，如果用問號加參數的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節，可以給我們帶來很大的方便。
本文發布于北京網站制作公司尚品中國http://www.londe303.com/
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
網絡營銷服務的內容一般有哪些？
因為互聯網的互動性與個性化特征，網絡營銷服務要求企業必須從自身利益和消...
2014-06-14 -
網站建設品牌創意網站建設！
隨著網民對網絡信息的依賴程度越來越高，網站頁面后果的感官和體驗決定了品...
2021-03-03 -
做網站的收費標準是什么？多久可以制作完成？
信息化的時代給很多行業，都提供了不錯的信息傳播支持，并且網絡的使用頻率...
2023-01-30 -
選擇高端網站建設公司都有哪些優勢？
隨同互聯網經濟浪潮席卷全球的大趨勢，越來越多的公司挑選建造網站來贊助公...
2020-12-17 -
信號調制解調技術
數字傳輸在許多方面均優于模擬傳輸，即使是模擬數據也可先轉為數字數據，再...
2014-06-20 -
網站制作中的XML地圖和HTML地圖有什么用
搜索引擎爬蟲沿著鏈接爬行的深度通常不會多，那么倘若在網站制作的時候層級...
2019-10-24
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
