为什么要在引入的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 相关文章推荐
自动更新作用
Oct 08 Javascript
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
setInterval与clearInterval的使用示例代码
Jan 28 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
JS实现的点击按钮图片上下滚动效果示例
Jan 28 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 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(2)――PHP类型
2010/02/15 PHP
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
jQuery选择器的工作原理和优化分析
2011/07/25 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
2014/05/12 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
JS中的phototype详解
2017/02/04 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
tweenjs缓动算法的使用实例分析
2019/08/26 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
python二分法实现实例
2013/11/21 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
使用python实现kNN分类算法
2019/10/16 Python
python文件操作的简单方法总结
2019/11/07 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
详解pandas映射与数据转换
2021/01/22 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
预备党员党校学习自我评价分享
2013/11/12 职场文书
会计主管岗位职责
2014/01/03 职场文书
文体活动实施方案
2014/03/27 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
公司员工体检通知
2015/04/21 职场文书
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android