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 相关文章推荐
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
async/await地狱该如何避免详解
May 10 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 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排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
自定义jQuery选项卡插件实例
2013/03/27 Javascript
js实现文本框中焦点在最后位置
2014/03/04 Javascript
jquery列表拖动排列(由项目提取相当好用)
2014/06/17 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
微信小程序 条件渲染详解
2016/10/09 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
vue如何判断dom的class
2018/04/26 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python多线程和队列操作实例
2015/06/21 Python
Python求算数平方根和约数的方法汇总
2016/03/09 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
Python语言异常处理测试过程解析
2020/01/08 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
建筑工程专业学生的自我评价
2013/12/25 职场文书
通信研究生自荐信
2014/02/01 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
关于建议书的格式范文
2014/05/20 职场文书
施工安全标语
2014/06/07 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
Python合并多张图片成PDF
2021/06/09 Python
MySQL新手入门进阶语句汇总
2022/09/23 MySQL