zl程序教程

您现在的位置是:首页 >  后端

当前栏目

在js或css后加?v= 版本号不让浏览器缓存

JS浏览器缓存CSS 版本号 不让
2023-09-27 14:20:05 时间

客户端会缓存css或js文件,改变版本号,客户端浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

代码如下:

<span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) 
<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script> 
<link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />

使用参数有两种可能: 
第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于 

代码如下:
<script type=”text/javascript” src=”jb51.js”></script> 
<link rel=’stylesheet’ href=’base.css’ type=’text/css’ />

但浏览器会认为他是 该文件的某个版本! 

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的! 
第二种情况最多,也可能两种同时存在。 </span>