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 Select操作方法集合脚本之家特别版
May 17 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
node实现socket链接与GPRS进行通信的方法
May 20 Javascript
vue导航栏部分的动态渲染实例
Nov 01 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 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实现动态web服务器方法
2015/07/29 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
图片自动更新(说明)
2006/10/02 Javascript
javascript new 需不需要继续使用
2009/07/02 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
jQuery获取多种input值的简单实现方法
2016/06/20 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
vue滚动tab跟随切换效果
2020/06/29 Javascript
JQuery样式与属性设置方法分析
2019/12/07 jQuery
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
python使用pil生成图片验证码的方法
2015/05/08 Python
Python编程中的异常处理教程
2015/08/21 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
python实现网页自动签到功能
2019/01/21 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
Python 线程池用法简单示例
2019/10/02 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
关爱残疾人标语
2014/06/25 职场文书
民间个人借款协议书
2014/09/30 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers
Java实现带图形界面的聊天程序
2022/06/10 Java/Android