为什么要在引入的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 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
Javascript !!的作用
Dec 04 Javascript
JavaScript 拾漏补遗
Dec 27 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
Oct 17 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
javaScript基础详解
Jan 19 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
php获取当前时间的毫秒数的方法
2014/01/26 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
Python MD5文件生成码
2009/01/12 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
递归计算如下递归函数的值(斐波拉契)
2012/02/04 面试题
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
新闻系毕业生推荐信
2013/11/16 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
第二课堂活动总结
2014/05/07 职场文书
环保志愿者活动方案
2014/08/14 职场文书
2014年药品销售工作总结
2014/12/16 职场文书
滴水洞导游词
2015/02/10 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
关于军训的感想
2015/08/07 职场文书
公司岗位说明书
2015/10/08 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB