在引入的css或者js文件后面加参数的作用

╰+哭是因爲堅強的太久メ 2021-12-15 04:13 375阅读 0赞

http://www.2cto.com/kf/201301/185262.html借鉴这个哥们的稍作整理

<script type="text/javascript" src="js/copy.js?20141025"></script>

<script type="text/javascript" src="js/copy.js?version=2.1"></script>

<link rel=’stylesheet’ href=’common.css?version=2.1′ type=’text/css’ />

有时候可能会遇到js或者css文件引用后传递参数：

css和js带参数（形如.css?v=与.js?v=）

使用参数有两种可能：

第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于

<script type="text/javascript" src="js/copy.js"></script>

<link rel=’stylesheet’ href=’common.css?version=2.1′ type=’text/css’ /> 但浏览器会认为他是 该文件的某个版本！

第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新[下载][Link 1]新的js或css文件 。

客户端会有缓存，修改了css或者js的时候不会立即反应到浏览器上，经常需要清理缓存才行，加上参数的效果很不错。

版本号，可以是一个随机数，也可以是一个递增的值，大版本小版本的方式，或者根据脚本的生成时间书写，比如 20080727182553 就是精确到了生成脚本的秒，而 2.3.3 就是大版本小版本的方式。

第一次升级：

<script src="aaa.js?v=1.0"></script>

第二次升级：

<script src="aaa.js?v=1.1"></script>

第三次升级：

<script src="aaa.js?v=1.2"></script>

……

其中，“v”只是一个名称而已，随便取。这个解决方法跟ajax请求地址后面添加随机数的原理一样，让[浏览器][Link 2]认为访问不同的地址，这样就不会使用缓存的文件了。

比如新浪首页在2010年4月5日改版，只是改变[CSS][]样式表，可以在CSS后面，诸如.css?2010.4.5,这样没清理缓存的用户打开新浪首页就不会还是以前的样子，当服务器在读取CSS文件时候会重新读取最新的2010.4.5的，

转载于:https://www.cnblogs.com/yaoqj/p/4094424.html

[Link 1]: http://www.2cto.com/soft
[Link 2]: http://www.2cto.com/os/liulanqi/
[CSS]: http://www.2cto.com/kf/qianduan/css/

发表评论取消回复

表情：

评论列表（有 0 条评论，375人围观）

还没有评论，来说两句吧...

相关阅读

相关在一个JS文件中引入另外的一个JS文件

*方案一:使用document.write();** document.write('<script src="katex.js" type="text/javascr...

忘是亡心i/ 2024年04月19日 11:09/ 0 赞/ 95 阅读

相关 SpringBoot的html中引入static下面的CSS或者js或者图片等静态文件

SpringBoot访问静态文件描述一下我具体想要实现什么，先看一下我的目录文件结构。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

￡神魔★判官ぃ/ 2023年07月09日 02:12/ 0 赞/ 18 阅读

相关 js和css引入的位置,及js异步加载

css放在header中,js放在body底部,如果js需要异步加载: 添加async标签 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sha

我就是我/ 2023年06月20日 06:29/ 0 赞/ 130 阅读

相关 Thinkphp5的css和js文件引入问题

今天下载了一个thinkphp5+boostrap3的后台框架，弄后架构后发现css和js引入都是地址报错，百度了一大通，试了好多方法都是不行：在这config文件下定

心已赠人/ 2022年06月15日 09:09/ 0 赞/ 218 阅读

相关 js中函数名后面的括号加与不加的区别和作用

虽然有点基础，但是本人认为越是基础的东西越应该重视起来，毕竟一座大楼，想要建的高，地基就要足够牢固 function fn(){ return 10

淡淡的烟草味﹌/ 2022年05月26日 14:06/ 0 赞/ 292 阅读

相关引入的css文件不起作用

按F12查看开发者工具中显示，有common.css，但是页面上的样式却没有改变,代码如下： <!DOCTYPE html> <html lang="en"

古城微笑少年丶/ 2022年05月15日 08:25/ 0 赞/ 266 阅读

相关在使用react+express引入js、或者css文件的时候net::ERR_ABORTED

自己捣鼓express+react+webpack的时候，出现了一个`get ../index.bundle.jsnet::ERR_ABORTED 404 not found`

秒速五厘米/ 2022年03月01日 00:44/ 0 赞/ 182 阅读

相关引入js文件不起作用

异常信息 -------------------- 场景描述 <script type="text/javascript" src="${pageCont

一时失言乱红尘/ 2022年01月29日 22:59/ 0 赞/ 368 阅读

相关在引入的css或者js文件后面加参数的作用

http://www.2cto.com/kf/201301/185262.html借鉴这个哥们的稍作整理 <script type="text/javascript" src

╰+哭是因爲堅強的太久メ/ 2021年12月15日 04:13/ 0 赞/ 376 阅读

相关 js引入css/js文件 3中方法

使用js动态引入js和css文件方法方法1： //引入css var head = document.getElementsByTagName('head

矫情吗；*/ 2021年11月27日 02:24/ 0 赞/ 473 阅读