為了加快瀏覽器訪問速度刽锤,降低服務(wù)器壓力,瀏覽器一般自動緩存html頁面惶翻、 圖片姑蓝、Js及css文件,如需改變這種緩存機(jī)制吕粗,每次訪問均從服務(wù)器拉取最新資源,具體可以操作如下:
html頁面禁止緩存
http://hi.marsthink.com?v=20150316
禁止緩存:
- html在頭部加如下代碼:
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="Expires" CONTENT="0">
</HEAD>
- asp代碼如下:
Response.Buffer = True
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "No-Cache"
- php代碼如下:
<?php
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . 'GMT');
header('Cache-Control: no-cache, must-revalidate');
header('Pragma: no-cache');
?>
js禁止緩存
方法一:
<script>
document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+
Math.random()+"'></scr"+"ipt>");
</script>
// 方法二:
var js = document.createElement( " script " )
js.src = " test.js " + Math.random()
document.body.appendChild(js)
以上兩種辦法旭愧,均導(dǎo)致js永遠(yuǎn)無法緩存,現(xiàn)有改進(jìn)方法如下:
<script src="test.js?ver=113"></script>
做到了應(yīng)該緩存的時候緩存靜態(tài)文件颅筋,當(dāng)版本有更新的時候從獲取最新的版本,并更新緩存.
圖像禁止緩存
![](test.jps?ver=版本號)
css禁止緩存
<link rel="stylesheet" type="text/css" href="css/style.css?ver=版本號″ />