为什么要在引入的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多重继承示例
Mar 13 Javascript
Javascript Select操作大集合
May 26 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
Jun 18 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
jQuery事件用法详解
Oct 06 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
angularJS深拷贝详解
Mar 23 Javascript
angular4自定义组件详解
Sep 28 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
JavaScript实现队列结构过程
Dec 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
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
第五章 php数组操作
2011/12/30 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
PHP 快速排序算法详解
2014/11/10 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
JS 实现完美include载入实现代码
2010/08/05 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
利用vue重构有赞商城的思路以及总结整理
2019/02/21 Javascript
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
python简单的函数定义和用法实例
2015/05/07 Python
Python解惑之整数比较详解
2017/04/24 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
Python实现图片拼接的代码
2018/07/02 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
python yield关键词案例测试
2019/10/15 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
Python3.9新特性详解
2020/10/10 Python
浅析css3中matrix函数的使用
2016/06/06 HTML / CSS
德国二手设计师时装和复古时装跳蚤市场:Mädchenflohmarkt
2020/11/09 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
计算机学生的自我评价分享
2014/02/18 职场文书
国际语言毕业生求职信
2014/07/08 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
高质量“欢迎词”
2019/04/03 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
ant design vue的form表单取值方法
2022/06/01 Vue.js