分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js清除浏览器缓存的几种方法

发布时间:2023-09-06 01:20责任编辑:胡小海关键词:js浏览器缓存

一、CSS和JS为什么带参数(形如.css?t=与.js?t=)怎样获取代码

css和js带参数(形如.css?t=与.js?t=) 
使用参数有两种可能: 
第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本! 
第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。 
第二种情况最多,也可能两种同时存在。 
版本号,可以是一个随机数,也可以是一个递增的值,大版本小版本的方式,或者根据脚本的生成时间书写,比如就是精确到了生成脚本的秒,而 2.3.3 就是大版本小版本的方式。

二、关于浏览器缓存

浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。

清理网站缓存的几种方法

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表单的临时缓存 
方式一:用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可以任意取了eg:<script> document.write("<s"+"cript type=‘text/javascript‘ src=‘/js/test.js?"+Math.random()+"‘></scr"+"ipt>"); </script>其他的类似,只需在地址后加上+Math.random() 注意:因为Math.random() 只能在Javascript 下起作用,故只能通过Javascript的调用才可以 

方法四:用随机时间,和随机数一样。

在 URL 参数后加上 "?timestamp=" + new Date().getTime(); 

用PHP后端清理

在服务端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)

方法五:

5、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()">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()">a</a> ????</body> </html> ?

转自:http://www.cnblogs.com/Mr-Rocker/p/6031096.html

js清除浏览器缓存的几种方法

原文地址:http://www.cnblogs.com/ourLifes/p/7747446.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved