如何更新緩存HTML中css和js鏈接

成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)：在搜索引擎中搜索關(guān)鍵字.htaccess 緩存，你可以搜索到很多關(guān)于設(shè)置網(wǎng)站文件緩存的教程，通過(guò)設(shè)置可以將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端，這樣訪客每次訪問(wèn)你的網(wǎng)站制作的時(shí)候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務(wù)器讀取，這樣在一定程度上加快了網(wǎng)站的打開速度，又可以節(jié)約一下你的服務(wù)器流量。
現(xiàn)在問(wèn)題來(lái)了，.htaccess設(shè)置的css、js緩存都有一個(gè)過(guò)期時(shí)間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過(guò)期之前，瀏覽器只會(huì)從緩存中讀取css和js，如果你在服務(wù)器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會(huì)有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁(yè)面或者手動(dòng)清空了瀏覽器的緩存。一個(gè)網(wǎng)站的訪客成千上萬(wàn)，回頭客也會(huì)有不少，你不可能在更新css后讓每個(gè)訪客都刷新一下緩存吧，那么這個(gè)問(wèn)題你會(huì)怎么處理呢？
處理辦法
1.給css文件加個(gè)版本號(hào)：其實(shí)每次修改css文件后還要修改css的文件名有點(diǎn)麻煩，那么我們可以在加載css語(yǔ)句中加入個(gè)版本號(hào)（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語(yǔ)句如下：
改一下css文件的版本號(hào)改成2012就可以了：
2.更改css文件名：其實(shí)解決這個(gè)問(wèn)題很簡(jiǎn)單，緩存是通過(guò)文件名標(biāo)記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語(yǔ)句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號(hào)寫到文件名中
css文件更新后，改一下文件名中的版本號(hào)即可：
其實(shí)css文件后面的問(wèn)號(hào)起不到實(shí)際作用，僅能當(dāng)作后綴，如果用問(wèn)號(hào)加參數(shù)的方法，可以添加版本號(hào)等信息，同時(shí)可以刷新一下瀏覽器端的緩存。一個(gè)小小的細(xì)節(jié)，可以給我們帶來(lái)很大的方便。
本文發(fā)布于成都網(wǎng)站制作

網(wǎng)站名稱：如何更新緩存HTML中css和js鏈接
網(wǎng)頁(yè)網(wǎng)址：http://muchs.cn/news22/227672.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、品牌網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷推廣、微信小程序、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)