为什么要在引入的css或者js文件后面加参数的详细讲解


Posted in Javascript onMay 03, 2013

css和js带参数(形如.css?v=与.js?v=)

<script type=”text/javascript” src=”3water.js?version=1.2.6″></script>
<link rel='stylesheet' href='base.css?version=2.3.3′ type='text/css' />

使用参数有两种可能,

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

<script type=”text/javascript” src=”3water.js”></script>
<link rel='stylesheet' href='base.css' type='text/css' />

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

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

版本号,可以是一个随机数,也可以是一个递增的值,大版本小版本的方式,或者根据脚本的生成时间书写,比如 20080727182553 就是精确到了生成脚本的秒,而 2.3.3 就是大版本小版本的方式

Javascript 相关文章推荐
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
JQuery学习总结【一】
Dec 01 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
详解如何修改 node_modules 里的文件
May 22 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
javascript两种function的定义介绍及区别说明
May 02 #Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 #Javascript
jquery 触发a链接点击事件解决方案
May 02 #Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 #Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 #Javascript
如何使用jQuery来处理图片坏链具体实现步骤
May 02 #Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
PHP关联链接常用代码
2012/11/05 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
高中运动会广播稿
2014/01/21 职场文书
幼儿园老师寄语
2014/04/03 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
护士年终个人总结
2015/02/13 职场文书
2015年库房工作总结
2015/04/30 职场文书
西柏坡观后感
2015/06/08 职场文书
Flask response响应的具体使用
2021/07/15 Python
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android