为什么要在引入的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 相关文章推荐
Visual Studio中的jQuery智能提示设置方法
Mar 27 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 Javascript
Javascript使用integrity属性进行安全验证
Nov 07 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
杏林同学录(三)
2006/10/09 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
jquery滚动加载数据的方法
2015/03/09 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
Selenium的使用详解
2018/10/19 Python
Python中常用的内置方法
2019/01/28 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
Python类super()及私有属性原理解析
2020/06/15 Python
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
专业技术职务聘任书
2014/03/29 职场文书
护士长竞聘书
2014/03/31 职场文书
葬礼司仪主持词
2014/03/31 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
岗位工作说明书
2014/07/29 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫