为什么要在引入的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 相关文章推荐
JQuery里选择超链接的实现代码
May 22 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 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
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
php图形jpgraph操作实例分析
2017/02/22 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
javascript比较文档位置
2008/04/08 Javascript
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
jQuery html()等方法介绍
2009/11/18 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
JS对img标签进行优化使用onerror显示默认图像
2014/04/24 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
2016/10/19 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
JavaScript实现格式化字符串函数String.format
2016/12/16 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
详解Python3中yield生成器的用法
2015/08/20 Python
python实现简易云音乐播放器
2018/01/04 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
了解一下python内建模块collections
2020/09/07 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
师范学院毕业生求职信范文
2013/12/26 职场文书
二年级数学教学反思
2014/01/21 职场文书
国际贸易专业求职信
2014/06/04 职场文书
学校督导评估方案
2014/06/10 职场文书
公务员考察材料范文
2014/12/23 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL