js自动清除缓存
❶ 能用JS或者前端的什么方法实现清除浏览器缓存吗
可以用JS实现清除浏览器缓存,解决方法如下:
1、在静态页面也就是以.html,.jsp,.aspx,.php结尾的文件中在<dead></head>中加入以下代码。
注意事项:
javaScriptJavaScript基于对象和事件驱动并具有相对安全性的客户端脚本语言。也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
❷ 能用JS或者前端的什么方法实现清除浏览器缓存吗
原生JavaScript无法清除浏览器缓存,但部分浏览器开发了清除缓存的js调用接口
但这些方法只在特定页面可以调用,只能由浏览器厂商制作的页面调用,其他域名是无法调用这些高级API的
另外,Chrome扩展有清除浏览器缓存的API,必须由用户安装才可使用,无法在页面上直接调用
❸ 用js怎样清除浏览器的缓存文件
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>
❹ JS清除IE浏览器缓存的方法
本文为大家详细介绍下js中自动清除ie缓存的几种方法 大家可以根据自己的需求自由选择适合自己的 希望对大家学习js有所帮助js中自动清除ie缓存方法 — 常用 对于动态文件 比如 index asp?id= 或者 index aspx?id= 相信有经验的程序员都知道怎样禁止浏览器缓存数据了 但是对于静态文件(css jpg gif等等) 在什么场合下面我们需要禁止浏览器缓存他们 怎么做? 方法一 Dojo中我们可以用简单的方法完成 在dojo xhrGet(包括post)等方法中都包含preventCache属性 此属性的含义 “默认为启用浏览器缓存 否则将通过自动增加不同的参数来确保浏览器缓存失效” 我们只袜租要把此属性赋值为 “true”即可 方法二 document write(" 其中 ver= 的 就是版本号 一般都是采用 CVS 或其他工具生成的开发版本号 这样真正做到了应该缓存的时候缓存静态告茄兆文件 当版本有更新的时候从获取最新的版本 并更新缓存 对于图像 来有效利用和更新缓存 js清除浏览器缓存 二 为 了减小浏览器与服务器之间网络传输压力 往往对静态文件 如js css 修饰的图片做cache 也就是给这些文件的HTTP响应头加入 Expires和Cache Control参数 并指定缓存时间 这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新) 即使在 这段时间内服务器的js或css或图片文件已经更新多次 但浏览器的数据依然是原来最能初cache的旧数据 有没有办法让浏览器拿到已经修改后的最新数 据呢? 有 方法是用ajax请求服务器最纳岁新文件 并加上请求头If Modified Since和Cache Control 如下:
复制代码 代码如下: $ ajax({ type: "GET" url: "static/cache js" dataType: "text" beforeSend :function(xmlHttp){ xmlHttp setRequestHeader("If Modified Since" " "); xmlHttp setRequestHeader("Cache Control" "no cache"); } });这里用了jquery 这样浏览器就会把最新的文件替换掉本地旧文件 当然 这里还一个问题就是js必须知道服务器更新了那个js css 图片 利用cookie和时间版本应该可以解决 jquery自从 开始就有ifModified和cache参数了 不用自己加header ifModified Boolean Default: false Allow the request to be successful only if the response has changed since the last request This is done by checking the Last Modified header Default value is false ignoring the header cache Boolean Default: true Added in jQuery if set to false it will force the pages that you request to not be cached by the browser
复制代码 代码如下: lishixin/Article/program/Java/JSP/201311/20378
❺ nodejs清理谷歌浏览器缓存
nodejs清理谷歌浏览器缓存方法如下。
1、打开需清缓存的页面,再按F12调念贺雹出开发模式框。
2、勾仔帆选Network标签下Disablecache选拍辩项。
3、按F5或右键重新加载刷新页面内容。
4、页面重新加载完成再按F12隐藏开发模式框即可清理谷歌浏览器缓存。
❻ 怎样让前端界面自动清理js,css文件的缓存
<!DOCTYPEhtml>
<html>
<head>
<script>
varscript=document.createElement('script')
script.src='https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js?version='+(newDate).getTime()
varstylesheet=document.createElement('link')
stylesheet.rel='stylesheet'
stylesheet.href='https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap.css?version='+(newDate).getTime()
document.head.appendChild(script)
document.head.appendChild(stylesheet)
</script>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
script.onload=function(e){
alert(jQuery)
}
</script>
</body>
</html>
我写了一个很简单的实例。
❼ JS 如何清除页面缓存
1.动态页面:index.asp?id=....
2.使用jquery,$.ajaxSetup({cache : false });
3.在html里的head标签中加
<meta http-equiv ="proma" content = "no-cache"/>
<meta http-equiv="cache-control" content="no cache" />
<meta http-equiv="expires" content="0" />
另外一种:
<html http-equiv="proma" content="no-cache"/>
<html http-equiv="content-type" content="no-cache , must-revalidate"/>
<http http-equiv="expires" content=" Wed , 26 Feb 1997 08:21:57 GMT"/>
另外 ,在提交信息时,总是出现旧的内容,此时就应该考虑是本地浏览器缓存的原因了。
清空临时缓存的方法:
<body onload ="javascript : document.yourFormName.reset()">