引用js或css后加?v= 版本号的用法

简介:
[plain]  view plain  copy
 
 print?
  1. <span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= )  
  2.   
  3. <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>  
  4. <link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />  
  5.   
  6.   
  7. 使用参数有两种可能:  
  8.   
  9.   
  10. 第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。  即上面代码对于文件来说 等价于  
  11. <script type=”text/javascript” src=”jb51.js”></script>  
  12. <link rel=’stylesheet’ href=’base.css’ type=’text/css’ />  
  13.   
  14.   
  15. 但浏览器会认为他是 该文件的某个版本!  
  16.   
  17.   
  18. 第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!  
  19. 第二种情况最多,也可能两种同时存在。 </span>  
本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/5367006.html ,如需转载请自行联系原作者
相关文章
|
1月前
|
资源调度 前端开发 CDN
纯css动画库animate.css的用法
纯css动画库animate.css的用法
46 0
|
3天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
7 1
|
9天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
16 0
|
17天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
22天前
|
前端开发
css用法 :is()、:where()和:has()的用法
【4月更文挑战第2天】 css用法 :is()、:where()和:has()的用法
24 12
|
22天前
|
JavaScript
为实例方法创建错误的引用(js的问题)
为实例方法创建错误的引用(js的问题)
11 0
|
22天前
|
JavaScript
为实例方法创建错误的引用(js的问题)
为实例方法创建错误的引用(js的问题)
|
23天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
26 0