为什么要在引入的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 TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
Jan 07 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
Aug 02 Javascript
vue router demo详解
Oct 13 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 Javascript
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
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
JavaScript 打地鼠游戏代码说明
2010/10/12 Javascript
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
深入php面向对象、模式与实践
2016/02/16 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
微信小程序实现自定义底部导航
2020/11/18 Javascript
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
python脚本替换指定行实现步骤
2017/07/11 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
python 中如何获取列表的索引
2019/07/02 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
DTD的含义以及作用
2014/01/26 面试题
单位未婚证明范本
2014/01/18 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
nginx搭建NFS网络文件系统
2022/04/14 Servers