JS清除IE浏览器缓存的方法

本文为大家详细介绍下js中自动清除ie缓存的几种方法大家可以根据自己的需求自由选择适合自己的希望对大家学习js有所帮助

js中自动清除ie缓存方法 — 常用

对于动态文件比如 indexasp?id= 或者 indexaspx?id= 相信有经验的程序员都知道怎样禁止浏览器缓存数据了
但是对于静态文件(cssjpggif等等) 在什么场合下面我们需要禁止浏览器缓存他们怎么做?

方法一Dojo中我们可以用简单的方法完成在dojoxhrGet(包括post)等方法中都包含preventCache属性此属性的含义 “默认为启用浏览器缓存否则将通过自动增加不同的参数来确保浏览器缓存失效” 我们只要把此属性赋值为“true”即可

方法二documentwrite("
其中 ver= 的 就是版本号一般都是采用 CVS 或其他工具生成的开发版本号
这样真正做到了应该缓存的时候缓存静态文件当版本有更新的时候从获取最新的版本并更新缓存
对于图像 来有效利用和更新缓存

js清除浏览器缓存 二

为 了减小浏览器与服务器之间网络传输压力往往对静态文件如jscss修饰的图片做cache也就是给这些文件的HTTP响应头加入 Expires和CacheControl参数并指定缓存时间这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)即使在 这段时间内服务器的js或css或图片文件已经更新多次但浏览器的数据依然是原来最能初cache的旧数据有没有办法让浏览器拿到已经修改后的最新数 据呢?

有方法是用ajax请求服务器最新文件并加上请求头IfModifiedSince和CacheControl如下:

复制代码 代码如下:
$ajax({
type: "GET"
url: "static/cachejs"
dataType: "text"
beforeSend :function(xmlHttp){
xmlHttpsetRequestHeader("IfModifiedSince""");
xmlHttpsetRequestHeader("CacheControl""nocache");

}
});

这里用了jquery

这样浏览器就会把最新的文件替换掉本地旧文件

当然这里还一个问题就是js必须知道服务器更新了那个jscss图片利用cookie和时间版本应该可以解决

jquery自从开始就有ifModified和cache参数了不用自己加header

ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request This is done by checking the LastModified header Default value is false ignoring the header
cache Boolean Default: true
Added in jQuery if set to false it will force the pages that you request to not be cached by the browser

复制代码 代码如下:

$ajax({
type: "GET"
url: "static/cachejs"
dataType: "text"
cache:false
ifModified :true
});