为什么要在引入的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中实现动画效果的基本操作介绍
Apr 16 Javascript
jQuery Migrate 1.1.0 Released 注意事项
Jun 14 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
JavaScript中的事件委托及好处
Jul 12 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
vue实现页面切换滑动效果
Jun 29 Javascript
js闭包的9个使用场景
Dec 29 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仿ZOL分页类代码
2008/10/02 PHP
Yii框架中memcache用法实例
2014/12/03 PHP
比较完整的微信开发php代码
2016/08/02 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
PHP7新特性
2021/03/09 PHP
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
jQuery设计思想
2017/03/07 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
js实现中文实时时钟
2020/01/15 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
python中的五种异常处理机制介绍
2014/09/02 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python识别验证码图片实例详解
2020/02/17 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
strlen的几种不同实现方法
2013/05/31 面试题
出差报告格式模板
2014/11/06 职场文书
满月酒邀请函
2015/01/30 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python