为什么要在引入的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 相关文章推荐
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
不使用jquery实现js打字效果示例分享
Jan 19 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
Sep 17 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 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获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
jQuery Selector选择器小结
2010/05/06 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
2014/12/02 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
Angular排序实例详解
2017/06/28 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
记录Django开发心得
2014/07/16 Python
Python实现子类调用父类的方法
2014/11/10 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
python打开windows应用程序的实例
2019/06/28 Python
python 爬取疫情数据的源码
2020/02/09 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
面向对象设计的原则是什么
2013/02/13 面试题
中专自我鉴定范文
2013/10/16 职场文书
优秀干部获奖感言
2014/01/31 职场文书
物业经理自我鉴定
2014/03/03 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
学校教师安全责任书
2014/07/23 职场文书
大学同学会活动方案
2014/08/20 职场文书
2016年元旦寄语
2015/08/17 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers