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 简练的几个函数
Aug 29 Javascript
cnblogs TagCloud基于jquery的实现代码
Jun 11 Javascript
JavaScript日历实现代码
Sep 12 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
javascript实现tab切换的四种方法
Nov 05 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
Jun 15 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
Dec 13 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 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
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
List all the Databases on a SQL Server
2007/06/21 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
2016/03/30 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
微信小程序入口场景的问题集合与相关解决方法
2019/06/26 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
Python实现针对中文排序的方法
2017/05/09 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
国际象棋商店:The Chess Store
2018/07/09 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
新领导上任欢迎词
2014/01/13 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
买房子个人收入证明
2014/10/12 职场文书