HTML中css和js鏈結中的版本號

2022-10-05 06:57:08 字數 1057 閱讀 3782

背景

在搜尋引擎中搜尋關鍵字.htaccess 快取,你可以搜尋到很多關於設定**檔案快取的教程,通過設定可以將css、js等不太經常更新的檔案快取在瀏覽器端,這樣訪客每次訪問你的**的時候,瀏覽器就可以從瀏覽器的快取中獲取css、js等,而不必從你的伺服器讀取,這樣在一定程度上加快了**的開啟速度,又可以節約一下你的伺服器流量。

問題現在問題來了,.htaccess設定的css、js快取都有乙個過期時間,如果在訪客的瀏覽器中已經快取了css、js,在這些css、js快取未過期之前,瀏覽器只會從快取中讀取css和js,如果你在伺服器上修改了css和js,那麼這些更改在回頭客的瀏覽器中是不會有變化的,除非回頭客按了ctrl + f5重新整理了你的**頁面或者手動程式設計客棧清空了瀏覽器的快取。乙個**的訪客成千上萬,回頭客也會有不少,你不可能在更新css後讓每個訪客都重新整理一下快取吧,那麼這個問題你會怎麼處理呢?

處理辦法

1.更改css檔名:其實解決這個問題很簡單,快取是通過檔名標記快取的內容的。在你更新了**的css檔案內容後,在更換一下css的檔名就可以了。如原先html中的css呼叫語句如下:

改一下css檔名就可以了:

另外一種從更改css檔名的方法是將版本號寫到檔名中,如:

css檔案更新後,改一下檔名中的版本號即可:

2.給css檔案加個版本號:其實每次修改css檔案後還要修改css的檔名有點麻煩,那麼我們可以在載入css語句中加入個版本號(即css鏈結中?後面的內容)就可以了。如原先html中的css呼叫語句如下:

改一下css檔案的版本號改成2012就可以了:

www.cppcns.com;"text/css" media="screen"/>

總結其實css檔案後面的問號起不到實際作用,僅能當作字尾,如果用問號加引數的方法,可以新增版本號等資訊,同時可以重新整理一下瀏覽器端的快取。乙個小小的細節,可以給我們帶來很大的方便。

原文位址:

本文位址: /news/exp/44025.html

HTML頁面中引入CSS和JS的方法總結

html檔案中怎麼樣引入css樣式和js,這篇文章總結了在html中引入css和js的方法。下面我們分兩部分分別來介紹,大家可以在做網頁的時候根據情況來使用。1 行內樣式 通過使用html標籤的style屬性來寫。通過這種方式寫的樣式會覆蓋掉其他引入方式的樣式,優先選擇行內樣式。缺點是不利於後期維護...

HTML中的超連結

1 模式 或稱協議 常見的協議有 編碼描述 超文字傳輸協議資源 hypertext transfer protocol 用安全套接字層傳送的超文字傳輸協議 file 本地或網上分享的檔案 2 伺服器名稱 或ip位址 後面有時還跟乙個冒號和乙個埠號。3 路徑和檔名 href title target ...

react webpack中js和css的引入

今天,打算寫第乙個頁面,結果遇到了些阻力,沒有想象的那麼簡單,有些特定的配置,還有元件的引用,還有css和js的載入模式。在index.js裡面引入元件模組 reactdom.render document.getelementbyid root 注意格式,index.html和之前的一樣 保留的 ...