js清除浏览器缓存的几种方法


Posted in Javascript onMarch 15, 2017

关于浏览器缓存

浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。

清理网站缓存的几种方法

meta方法

//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

清理form表单的临时缓存

<body onLoad="javascript:document.yourFormName.reset()">

其实form表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!

jquery ajax清除浏览器缓存

方式一:用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:

$.ajax({
   url:'www.haorooms.com',
   dataType:'json',
   data:{},
   beforeSend :function(xmlHttp){ 
    xmlHttp.setRequestHeader("If-Modified-Since","0"); 
    xmlHttp.setRequestHeader("Cache-Control","no-cache");
   },
   success:function(response){
     //操作
   }
   async:false
 });

方法二,直接用cache:false,

$.ajax({
   url:'www.haorooms.com',
   dataType:'json',
   data:{},
   cache:false, 
   ifModified :true ,
   success:function(response){
     //操作
   }
   async:false
 });

方法三:用随机数,随机数也是避免缓存的一种很不错的方法!

URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了

方法四:用随机时间,和随机数一样。

在 URL 参数后加上 "?timestamp=" + new Date().getTime();

用php后端清理

在服务端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)

方法五:

window.location.replace("WebForm1.aspx");  

参数就是你要覆盖的页面,replace的原理就是用当前页面替换掉replace参数指定的页面。 

这样可以防止用户点击back键。使用的是javascript脚本,举例如下:

a.html

以下是引用片段:

<html> 
   <head> 
     <title>a</title>   
     <script language="javascript"> 
       function jump(){ 
         window.location.replace("b.html"); 
       } 
     </script> 
   </head> 
   <body> 
    <a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >b</a> 
  </body> 
</html>

b.html

以下是引用片段:

<html> 
   <head> 
     <title>b</title>   
     <script language="javascript"> 
       function jump(){ 
         window.location.replace("a.html"); 
       } 
     </script> 
   </head> 
   <body> 
    <a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >a</a> 
  </body> 
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js Flash插入函数免激活代码
Mar 31 Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
Jul 28 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
Jan 20 Javascript
canvas绘制多边形
Feb 24 Javascript
javascript 作用于作用域链的详解
Sep 27 Javascript
ES6基础之默认参数值
Feb 21 Javascript
详解可以用在VS Code中的正则表达式小技巧
May 14 Javascript
layui实现三级联动效果
Jul 26 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
从零开始做一个pagination分页组件
Mar 15 #Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 #Javascript
javascript图片预览和上传(兼容IE)
Mar 15 #Javascript
轻松理解JavaScript之AJAX
Mar 15 #Javascript
jQuery插件ContextMenu自定义图标
Mar 15 #Javascript
JavaScript对象引用与赋值实例详解
Mar 15 #Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 #Javascript
You might like
php学习笔记之 函数声明
2011/06/09 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
php集成动态口令认证
2016/07/21 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
jQuery列表拖动排列具体实现
2013/11/04 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
详解使用路由延迟加载 Angular 模块
2017/10/12 Javascript
vuex的简单使用教程
2018/02/02 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
vue中axios封装使用的完整教程
2021/03/03 Vue.js
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
python使用win32com库播放mp3文件的方法
2015/05/30 Python
flask入门之表单的实现
2018/07/18 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
中科软测试工程师面试题
2012/06/16 面试题
什么是方法的重载
2013/06/24 面试题
公司业务员岗位职责
2014/03/18 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
申报材料格式
2014/12/30 职场文书
酒店前台辞职书
2015/02/26 职场文书