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参数的小问题
Mar 02 Javascript
jquery ajax同步异步的执行最终解决方案
Apr 26 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
Nov 10 Javascript
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
从零开始做一个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
快速配置PHPMyAdmin方法
2008/06/05 PHP
域名和cookie问题(域名后缀)
2012/10/10 PHP
PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式
2014/05/04 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
JavaScript Konami Code 实现代码
2009/07/29 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Python pandas常用函数详解
2018/02/07 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python