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 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
javascript中scrollTop详解
Apr 13 Javascript
javascript冒泡排序小结
Apr 10 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
微信小程序使用gitee进行版本管理
Sep 20 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 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 不错的学习资料
2009/02/06 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
php文件上传的简单实例
2013/10/19 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
基于jQuery试卷自动排版系统
2010/07/18 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
javascript数字时钟示例分享
2014/04/23 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
编写简单的Python程序来判断文本的语种
2015/04/07 Python
python的unittest测试类代码实例
2017/12/07 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
python中partial()基础用法说明
2018/12/30 Python
基于python生成器封装的协程类
2019/03/20 Python
python 搜索大文件的实例代码
2019/07/08 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
解决tensorflow模型压缩的问题_踩坑无数,总算搞定
2021/03/02 Python
英国著名药妆店:Superdrug
2021/02/13 全球购物
工作所在部门证明
2014/09/21 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
Mysql表数据比较大情况下修改添加字段的方法实例
2022/06/28 MySQL