为什么要在引入的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 相关文章推荐
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
Vue 实现拨打电话操作
Nov 16 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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
简单的PHP留言本实例代码
2010/05/09 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
js Date()日期函数浏览器兼容问题解决方法
2017/09/12 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
二种python发送邮件实例讲解(python发邮件附件可以使用email模块实现)
2013/12/03 Python
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python装饰器初探(推荐)
2016/07/21 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
python编写分类决策树的代码
2017/12/21 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
Linux下python制作名片示例
2018/07/20 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
房地产开发计划书
2014/01/10 职场文书
给护士表扬信
2014/01/19 职场文书