js 访问网站时不使用本地缓存,请求最新资源几种方法

关于浏览器缓存
浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,像网站有更新,因为缓存可能出现一些错误的数据。

一:用随机数。

URL 参数后加上 “?ran=” + Math.random(); //当然这里参数 ran可以任意取了

二:用随机时间,和随机数一样。

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

三 :meta方法

//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

四:CSS和JS带参数(形如.css?t=与.js?t=)

<link href="./css/demo.css?type=2.0" rel="stylesheet" type="text/css" />
<script type="text/javascript?type=1.0" src="js/webdemo.js">script>

<script> 
document.write("+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'>+"ipt>"); 
script>

客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷新缓存。
版本号,可以是一个随机数,也可以是一个递增的值,大版本小版本的方式。

你可能感兴趣的:(js,javascript,缓存)