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 相关文章推荐
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
Jun 26 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
js中的 || 与 &amp;&amp; 运算符详解
May 24 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 exif扩展方法开启详解
2014/07/28 PHP
功能强大的php分页函数
2016/07/20 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
javascript常用方法总结
2015/05/14 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
JAVA高级程序员面试题
2013/09/06 面试题
生日宴会答谢词
2014/01/09 职场文书
努力学习演讲稿
2014/05/10 职场文书
护士节慰问信
2015/02/15 职场文书