禁止js文件緩存的代碼
更新時(shí)間：2010年04月09日 13:16:55 作者：
禁止js文件緩存問題是我一直遇到的大問題，終于找到了一個(gè)比較好的辦法
如下：
1、在你引用JS文件的地方加上，如下：
//09年08月14日修改
var now=new Date();
var number = now.getYear().toString()+now.getMonth().toString()+now.getDate().toString()+now.getHours().toString()+now.getMinutes().toString()+now.getSeconds().toString();
document.write("\<script language=\"javascript\" type=\"text/javascript\" src=\"js/YearReportLuRu.js?"+number+"\"><\/script\>");
//alert("\<script language=\"javascript\" type=\"text/javascript\" src=\"js/YearReportLuRu.js?"+number+"\"><\/script\>");//測試
類似這種形式：js/YearReportLuRu.js?20100408154456，這樣瀏覽器就會(huì)以為每次引用的js文件都是不同的，當(dāng)然我們的YearReportLuRu.js對后面的動(dòng)態(tài)數(shù)并不進(jìn)行處理。
2、就是在客戶端頁面文件頭加上：
<%--不進(jìn)行緩存設(shè)置--%>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
<meta http-equiv="expires" content="Wed,26 Feb 1997 08:21:57 GMT" />
服務(wù)器端加上：
Response.Buffer = true;
Response.ExpiresAbsolute = System.DateTime.Now.AddSeconds(-1);
Response.Expires = 0;
Response.CacheControl = "no-cache";
這種辦法我在程序中應(yīng)用過，但是有些用戶還是存在緩存現(xiàn)象，個(gè)人覺得還沒最終解決。
3、還有別的辦法，在此匯總下，我本人沒用過，只是網(wǎng)上找到的，如下：
需要服務(wù)器上設(shè)置允許緩存，這樣客戶端才會(huì)根據(jù)客戶端的設(shè)置來緩存一些靜態(tài)文件（如：js、css、圖片）。
在IIS里，可以在站點(diǎn)屬性的“HTTP頭”里設(shè)置“啟用內(nèi)容過期”，來控制客戶端緩存的時(shí)間。（如下圖）
這樣HTTP返回的HTTP頭是304，啟用緩存可以大大提高用戶體驗(yàn)，另外也建議啟用http壓縮，來優(yōu)化網(wǎng)站。
此方法是設(shè)置在WEB發(fā)布服務(wù)器上。
總結(jié)：對于靜態(tài)文件用IIS或其它的WEB SERVER都可以做到,緩存客戶端是IE或其它客戶端的機(jī)制問題.
大眾用戶還是不會(huì)沒事清掉客戶端的cache，所以我們可以利用程序來控制緩存問題。
1、在你引用JS文件的地方加上，如下：
復(fù)制代碼 代碼如下:
//09年08月14日修改
var now=new Date();
var number = now.getYear().toString()+now.getMonth().toString()+now.getDate().toString()+now.getHours().toString()+now.getMinutes().toString()+now.getSeconds().toString();
document.write("\<script language=\"javascript\" type=\"text/javascript\" src=\"js/YearReportLuRu.js?"+number+"\"><\/script\>");
//alert("\<script language=\"javascript\" type=\"text/javascript\" src=\"js/YearReportLuRu.js?"+number+"\"><\/script\>");//測試
類似這種形式：js/YearReportLuRu.js?20100408154456，這樣瀏覽器就會(huì)以為每次引用的js文件都是不同的，當(dāng)然我們的YearReportLuRu.js對后面的動(dòng)態(tài)數(shù)并不進(jìn)行處理。
2、就是在客戶端頁面文件頭加上：
復(fù)制代碼 代碼如下:
<%--不進(jìn)行緩存設(shè)置--%>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
<meta http-equiv="expires" content="Wed,26 Feb 1997 08:21:57 GMT" />
服務(wù)器端加上：
復(fù)制代碼 代碼如下:
Response.Buffer = true;
Response.ExpiresAbsolute = System.DateTime.Now.AddSeconds(-1);
Response.Expires = 0;
Response.CacheControl = "no-cache";
這種辦法我在程序中應(yīng)用過，但是有些用戶還是存在緩存現(xiàn)象，個(gè)人覺得還沒最終解決。
3、還有別的辦法，在此匯總下，我本人沒用過，只是網(wǎng)上找到的，如下：
需要服務(wù)器上設(shè)置允許緩存，這樣客戶端才會(huì)根據(jù)客戶端的設(shè)置來緩存一些靜態(tài)文件（如：js、css、圖片）。
在IIS里，可以在站點(diǎn)屬性的“HTTP頭”里設(shè)置“啟用內(nèi)容過期”，來控制客戶端緩存的時(shí)間。（如下圖）
這樣HTTP返回的HTTP頭是304，啟用緩存可以大大提高用戶體驗(yàn)，另外也建議啟用http壓縮，來優(yōu)化網(wǎng)站。
此方法是設(shè)置在WEB發(fā)布服務(wù)器上。
總結(jié)：對于靜態(tài)文件用IIS或其它的WEB SERVER都可以做到,緩存客戶端是IE或其它客戶端的機(jī)制問題.
大眾用戶還是不會(huì)沒事清掉客戶端的cache，所以我們可以利用程序來控制緩存問題。
您可能感興趣的文章:
- JS localStorage實(shí)現(xiàn)本地緩存的方法
- 讓html頁面不緩存js的實(shí)現(xiàn)方法
- JS清除IE瀏覽器緩存的方法
- 高性能WEB開發(fā) JS、CSS的合并、壓縮、緩存管理
- js 設(shè)置緩存及獲取設(shè)置的緩存
- JSP頁面緩存cache技術(shù)--瀏覽器緩存介紹及實(shí)現(xiàn)方法
- js、css、img等瀏覽器緩存問題的2種解決方案
- Js 代碼中,ajax請求地址后加隨機(jī)數(shù)防止瀏覽器緩存的原因
- 詳解AngularJS中$http緩存以及處理多個(gè)$http請求的方法
- JS實(shí)現(xiàn)前端緩存的方法
相關(guān)文章
![jsTree樹控件(基于jQuery, 超強(qiáng)悍)[推薦]](http://img.jbzj.com/images/xgimg/bcimg0.png)
jsTree樹控件(基于jQuery, 超強(qiáng)悍)[推薦]
jsTree是基于javascript的一個(gè)跨瀏覽器樹控件，功能強(qiáng)大，而且是免費(fèi)的。2009-09-09
在Koa.js中實(shí)現(xiàn)文件上傳的接口功能
這篇文章主要介紹了在Koa.js中實(shí)現(xiàn)文件上傳的接口功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
javascript實(shí)現(xiàn)的簡單的表單驗(yàn)證
這篇文章主要介紹了javascript實(shí)現(xiàn)的簡單的表單驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了js結(jié)合html制作簡單驗(yàn)證碼的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了JavaScript之不可靠的undefined，想深入JS的同學(xué)，可以參考下
2021-05-05 
這篇文章主要介紹了BootStrap 彈出層代碼的相關(guān)資料,非常補(bǔ)充，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02 
GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫推薦
這篇文章主要介紹了GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫推薦,推薦的這幾個(gè)都是支持zip格式的,需要的朋友可以參考下
2016-03-03 
JS實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04 
JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼
這篇文章主要介紹了JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-10-10