Javascript清除IE缓存

对于动态文件,比如 index.asp?id=...  或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了. 但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做?     方法一：Dojo中我们可以用简单的方法完成：在dojo.xhrGet(包括post)等方法中都包含preventCache属性，此属性的含义： “默认为启用浏览器缓存，否则将通过自动增加不同的参数来确保浏览器缓存失效”  我们只要把此属性赋值为：“true”即可。     方法二：document.write("< src='test.js?rnd="+Math.random()+"'>")。     方法三：var js=document.createElement("script")             js.src="test.js"+Math.random()             document.body.appendChild(js)     但是，如果采用随机数的话， js文件将永远得不到缓存，每次都必须重新从服务器加载，即使没有任何更改。 大家如果经常上国外网站的话，可以看到他们通常采用这样的方式来解决： < src="test.js?ver=113"> 其中 ver=113 的 113就是版本号，一般都是采用 CVS 或其他工具生成的开发版本号。 这样真正做到了应该缓存的时候缓存静态文件，当版本有更新的时候从获取最新的版本，并更新缓存。 对于图像  来有效利用和更新缓存.   js清除浏览器缓存  二 为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数，并指定缓存时间，这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)，即使在 这段时间内服务器的js或css或图片文件已经更新多次，但浏览器的数据依然是原来最能初cache的旧数据，有没有办法让浏览器拿到已经修改后的最新数 据呢? 有，方法是用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下: $.ajax({ type: "GET", url: "static/cache.js", dataType: "text", beforeSend :function(xmlHttp){ xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.setRequestHeader("Cache-Control","no-cache");     } }); 这里用了jquery. 这样浏览器就会把最新的文件替换掉本地旧文件。 当然，这里还一个问题就是js必须知道服务器更新了那个js、css、图片，利用cookie和时间版本应该可以解决. jquery自从1.2开始就有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 Last-Modified header. Default value is false, ignoring the header. cache Boolean Default: true Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser. $.ajax({ type: "GET", url: "static/cache.js", dataType: "text", cache:false, ifModified :true });

 

转自:http://edu.codepub.com/2010/1020/26519.php