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


Posted in Javascript onJuly 26, 2013

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

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

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

方法二:document.write("
其中 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 
});
Javascript 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
5 种JavaScript编码规范
Jan 30 Javascript
详解Nuxt.js Vue服务端渲染摸索
Feb 08 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
JS栈stack类的实现与使用方法示例
Jan 31 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
vue:el-input输入时限制输入的类型操作
Aug 05 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 #Javascript
js监听键盘事件示例代码
Jul 26 #Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 #Javascript
固定表格行列(expression)在IE下适用
Jul 25 #Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 #Javascript
不使用浏览器运行javascript代码的方法
Jul 24 #Javascript
js展开闭合效果演示代码
Jul 24 #Javascript
You might like
ADODB的数据库封包程序库
2006/12/31 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
js脚本实现数据去重
2014/11/27 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
Vue页面骨架屏注入方法
2018/05/13 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
Python实现端口复用实例代码
2014/07/03 Python
利用Python学习RabbitMQ消息队列
2015/11/30 Python
python的unittest测试类代码实例
2017/12/07 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
canvas实现飞机打怪兽射击小游戏的示例代码
2018/07/09 HTML / CSS
德国高性价比网上药店:medpex
2017/07/09 全球购物
网站编辑求职信
2013/10/17 职场文书
班组长安全生产职责
2013/12/16 职场文书
企业文化宣传标语
2014/06/09 职场文书
教师工作决心书
2015/02/04 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫