为什么引用js或css后加?v=

最新推荐文章于 2021-06-19 14:47:06 发布

Undefind_object

最新推荐文章于 2021-06-19 14:47:06 发布

阅读量614

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML PHP

本文链接：https://blog.youkuaiyun.com/chengjianghao/article/details/117328839

PHP 同时被 2 个专栏收录

46 篇文章

订阅专栏

HTML

6 篇文章

订阅专栏

本文介绍了如何通过在CSS和JS文件URL后添加参数（如version或v）来强制浏览器刷新缓存。当CSS或JS文件更新时，更改参数值可以确保客户端获取最新版本，避免因缓存导致的样式或脚本未更新问题。这种做法在前端开发中常见，用于解决浏览器对静态资源的缓存策略问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是为了避免css缓存，如果你每次都引用aa.css，那么在客户端那里访问的时候，即使你的aa.css已经修改了，但是浏览器默认还是会使用本地缓存的aa.css，如果你修改css之后，引用aa.css？v=XX，每次修改css都改变XX的数值，那么，在客户端那里，浏览器如果检测到XX与本地缓存的css不一致，就会重新去服务器请求最新的css，这样你的css才能在客户端体现。

<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>