为什么要在引入的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 相关文章推荐
用js重建星际争霸
Dec 22 Javascript
JavaScript写的一个自定义弹出式对话框代码
Jan 17 Javascript
Javascript继承机制的设计思想分享
Aug 28 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 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
使用Apache的rewrite技术
2006/06/22 PHP
建立动态的WML站点(一)
2006/10/09 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP生成器简单实例
2015/05/13 PHP
escape、encodeURI、encodeURIComponent等方法的区别比较
2006/12/27 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
基于vue实现分页效果
2017/11/06 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
matplotlib 纵坐标轴显示数据值的实例
2018/05/25 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
python GUI框架pyqt5 对图片进行流式布局的方法(瀑布流flowlayout)
2020/03/12 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
酒店管理毕业生自荐信
2013/10/24 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
单位工作证明书格式
2014/10/04 职场文书
医院科室评语
2015/01/04 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
小学运动会加油稿
2015/07/22 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android
Python+Tkinter打造签名设计工具
2022/04/01 Python
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技