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的消息提示插件之旅 DivAlert(三)
Apr 01 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
Sep 02 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
jQuery通过deferred对象管理ajax异步
May 20 Javascript
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
微信小程序 select 下拉框组件功能
Sep 09 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 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设计模式 Template (模板模式)
2011/06/26 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
JavaScript与函数式编程解释
2007/04/27 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
extjs render 用法介绍
2013/09/11 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
Vue组件化开发思考
2018/02/02 Javascript
小程序从手动埋点到自动埋点的实现方法
2019/01/24 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
本科生职业生涯规划书范文
2014/01/21 职场文书
激情洋溢的毕业生就业求职信
2014/03/15 职场文书
《沙漠中的绿洲》教学反思
2014/04/24 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
生死抉择观后感
2015/06/09 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
护士岗前培训心得体会
2016/01/08 职场文书