小編給大家分享一下HTML中如何刷新緩存，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創新互聯公司自成立以來，一直致力于為企業提供從網站策劃、網站設計、成都網站制作、網站設計、電子商務、網站推廣、網站優化到為企業提供個性化軟件開發等基于互聯網的全面整合營銷服務。公司擁有豐富的網站建設和互聯網應用系統開發管理經驗、成熟的應用系統解決方案、優秀的網站開發工程師團隊及專業的網站設計師團隊。

背景
     在搜索引擎中搜索關鍵字.htaccess 緩存，你可以搜索到很多關于設置網站文件緩存的教程，通過設置可以將css、js等不太經常更新的文件緩存在瀏覽器端，這樣訪客每次訪問你的網站的時候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務器讀取，這樣在一定程度上加快了網站的打開速度，又可以節約一下你的服務器流量。

問題
     現在問題來了，.htaccess設置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網站頁面或者手動清空了瀏覽器的緩存。一個網站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？

方法一

     更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內容的。在你更新了網站的css文件內容后，在更換一下css的文件名就可以了。如原先html中的css調用語句如下：

代碼如下:

<link rel="stylesheet" href="style.css" />

     改一下css文件名就可以了：

代碼如下:

<link rel="stylesheet" href="index.css" />

     另外一種更改css文件名的方法是將版本號寫到文件名中，如：

代碼如下:

<link rel="stylesheet" href="index.v2011.css" />

     css文件更新后，改一下文件名中的版本號即可：

代碼如下:

<link rel="stylesheet" href="index.v2012.css" />

方法二
     給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號(即css鏈接中?后面的內容)就可以了。如原先html中的css調用語句如下：

代碼如下:

<link rel="stylesheet" href="style.css?v=2011" />

     改一下css文件的版本號改成2012就可以了：

代碼如下:

<link rel="stylesheet" href="style.css?v=2012" />

     需要注意的是，部分代理緩存服務器不會緩存網址中包含 "?" 的資源，所以方法二可能會導致你原先的緩存功能失效，可以改用第一種方法。

以上是“HTML中如何刷新緩存”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

新聞標題：HTML中如何刷新緩存-創新互聯
鏈接地址：http://vcdvsql.cn/article26/iidjg.html

成都網站建設公司_創新互聯，為您提供外貿建站、網站制作、網站改版、小程序開發、微信小程序、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯