避免Ie下的js缓存问题


防止网页被客户端IE缓存 (该网页转载至http://www.cnblogs.com/eflylab/archive/2009/03/19/1416372.html

     很多开发人员在维护公司运营的网站项目时,可能经常会遇见一个问题就是,编辑人员又抱怨,首页生成了静态页面,为何我访问内容依然是旧的!也许这时你会向她们解释,这是由于IE为加快访问WEB的速度,缓存了你之前浏览的页面.此时其他人访问应该是新的内容.但人们总是只相信自己的眼睛,相信自己所看到的,所以她们会认为别人访问时也是旧的内容!

     对于这样的问题开发人员就要想办法防止浏览器缓存页面,这里提供几种解决方案!

     解决缓存的原理:get请求地址不一样,浏览器就不会取缓存,而是向服务器端发送请求

      1.用户访问页面时,随机的生成一个串当参数加在URL后,这样每次URL不同,浏览器会重新到服务器请求加载.但此方法显然不友好,如果是公司的首页.没有谁会愿意在域名后还看加一长串的字符!  这种方法适合列表页中显示图片的路径,在图片的路径后加"?+new Random().next()",这样上传图片后,就可以实时的显示新的图片。

      2.将首页设置一个动态页面refreshIndex.aspx.此页面的加载事件PageLoad中定入以下代码

Server.Transfer( " 首页静态页面路径 " );

这样其实就不是静态页面了,但他又比动态页面稍好.因为不用频繁的访问数据库!在稍微牺牲一点性能的前提下,可以解决方案一的不友好性.

     3.利用HTML元数据META,在HTML头设置如下属性

< META HTTP-EQUIV ="Pragma" CONTENT ="no-cache" > < META HTTP-EQUIV ="Cache-Control" CONTENT ="no-cache" > < META HTTP-EQUIV ="Expires" CONTENT ="0" >
告诉浏览器不要缓存本页面,但这种方法并不是总有效,且只支持IE5及以上版本.为更好的解决缓存问题,还需要在HTML文档结尾处添加
< HEAD >     < META HTTP-EQUIV ="PRAGMA" CONTENT ="NO-CACHE" > </ HEAD >
具体原因可以参见 http://support.microsoft.com/kb/222064 有时我们使用JS文件来存放数据,为了防止JS文件更新后用户读取的是缓存,可以这样使用
< script language ="javascript" type ="text/javascript" >     // 防止客户端缓存JS文件造成数据更新不及时     document.write( " <s " + " cript type='text/javascript' src='/CacheData/json/StockInfo.js? " + new Date() + " '></scr " + " ipt> " ); </ script >
或者
<!-- 以下方法仅支持aspx页面 --> < script language ="javascript" type ="text/javascript" src ="/jslib/StockInfo.js?t=<%=DateTime.Now %>" ></ script >


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM