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 相关文章推荐
javascript 关闭IE6、IE7
Jun 01 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
js实现将选中值累加到文本框的方法
Aug 12 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
使用express搭建一个简单的查询服务器的方法
Feb 09 Javascript
实现高性能javascript的注意事项
May 27 Javascript
vue 如何使用递归组件
Oct 23 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生成短网址示例
2014/05/05 PHP
php foreach正序倒序输出示例代码
2014/07/01 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
实现JavaScript中继承的三种方式
2009/10/16 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
Python实现包含min函数的栈
2016/04/29 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
Python全排列操作实例分析
2018/07/24 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
New Balance比利时官方网站:购买鞋子和服装
2021/01/15 全球购物
校园安全演讲稿
2014/05/09 职场文书
金秋助学感谢信
2015/01/21 职场文书
美术教师个人工作总结
2015/02/06 职场文书
教师个人年度总结
2015/02/11 职场文书
公司车辆维修管理制度
2015/08/05 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书