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 相关文章推荐
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
浅谈函数调用的不同方式,以及this的指向
Sep 17 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
vue+AI智能机器人回复功能实现
Jul 16 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获取网络上文件
2006/10/09 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
js中toString()和String()区别详解
2017/03/23 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
jQuery访问json文件中数据的方法示例
2019/01/28 jQuery
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
tornado框架blog模块分析与使用
2013/11/21 Python
对numpy中布尔型数组的处理方法详解
2018/04/17 Python
PyQt5实现拖放功能
2018/04/25 Python
python实现文件的备份流程详解
2019/06/18 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
python中rb含义理解
2020/06/18 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
十月份红领巾广播稿
2014/01/22 职场文书
大学秋游活动方案
2014/02/11 职场文书
任命书模板
2014/06/04 职场文书
挂靠协议书
2015/01/27 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
详解NodeJS模块化
2021/06/15 NodeJs
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript