编程 Javascript

为什么要在引入的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 就是大版本小版本的方式

为什么要在引入的css或者js文件后面加参数的详细讲解

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

利用JS自动打开页面上链接的实现代码

Sep 25 Javascript

关于JAVASCRIPT urldecode URL解码的问题

Jan 08 Javascript

JQuery设置文本框和密码框得到焦点时的样式

Aug 30 Javascript

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

Aug 21 Javascript

AngularJS中处理多个promise的方式

Feb 02 Javascript

javascript正则表达式之分组概念与用法实例

Jun 16 Javascript

jquery实现异步加载图片（懒加载图片一种方式）

Apr 24 jQuery

AngularJS 中的数据源的循环输出

Oct 12 Javascript

vue环境搭建简单教程

Nov 07 Javascript

解决vuecli3.0热更新失效的问题

Sep 19 Javascript

区分vue-router的hash和history模式

Oct 03 Javascript

微信小程序input抖动问题的修复方法

Mar 03 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可逆加密/解密函数分享

2012/09/25 PHP

合并ThinkPHP配置文件以消除代码冗余的实现方法

2014/07/22 PHP

PHP入门教程之表单与验证实例详解

2016/09/11 PHP

基于thinkPHP3.2实现微信接入及查询token值的方法

2017/04/18 PHP

PHPCrawl爬虫库实现抓取酷狗歌单的方法示例

2017/12/21 PHP

jQuery ajax+PHP实现的级联下拉列表框功能示例

2019/02/12 PHP

学习ExtJS（二） Button常用方法

2009/10/07 Javascript

在模板页面的js使用办法

2010/04/01 Javascript

jQuery之ajax删除详解

2014/02/27 Javascript

javascript判断是否按回车键并解决浏览器之间的差异

2014/05/13 Javascript

jquery动态添加删除(tr/td)

2015/02/09 Javascript

js根据鼠标移动速度背景图片自动旋转的方法

2015/02/28 Javascript

JS实现控制表格行文本对齐的方法

2015/03/30 Javascript

JS实现从连接中获取youtube的key实例

2015/07/02 Javascript

jQuery实现的简单分页示例

2016/06/01 Javascript

原生JS实现图片无缝滚动方法(附带封装的运动框架)

2017/10/01 Javascript

vue.js语法及常用指令

2017/10/29 Javascript

node.js博客项目开发手记

2018/03/16 Javascript

微信小程序中使用自定义图标（阿里icon）的方法

2018/08/20 Javascript

详解多页应用 Webpack4 配置优化与踩坑记录

2018/10/16 Javascript

在vue中利用全局路由钩子给url统一添加公共参数的例子

2019/11/01 Javascript

基于jQuery实现挂号平台首页源码

2020/01/06 jQuery

Vue-cli打包后如何本地查看的操作

2020/09/02 Javascript

Python写的英文字符大小写转换代码示例

2015/03/06 Python

Python实现提取文章摘要的方法

2015/04/21 Python

Python 共享变量加锁、释放详解

2019/08/28 Python

python打包成so文件过程解析

2019/09/28 Python

pytorch 获取tensor维度信息示例

2020/01/03 Python

GDAL 矢量属性数据修改方式(python)

2020/03/10 Python

python 3.8.3 安装配置图文教程

2020/05/21 Python

Invicta手表官方商店：百年制表历史的瑞士腕表品牌

2019/09/26 全球购物

中英文自我评价语句

2013/12/20 职场文书

2014年老干部工作总结

2014/11/21 职场文书

音乐教师个人总结

2015/02/06 职场文书

2015年医务人员医德医风自我评价

2015/03/03 职场文书

初中历史教学反思

2016/02/19 职场文书