news 2026/2/20 11:49:24

在js或css后加版本号不让浏览器缓存

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
在js或css后加版本号不让浏览器缓存

客户端会缓存css或js文件,改变版本号,客户端浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

代码如下:

<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>

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

使用参数有两种可能:

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

代码如下:

<script type=”text/javascript” src=”jb51.js”></script>

<link rel=’stylesheet’ href=’base.css’ type=’text/css’ />

但浏览器会认为他是 该文件的某个版本!

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!

第二种情况最多,也可能两种同时存在。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/11 4:54:11

Groovy在企业级应用中的5个实战案例

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个展示Groovy典型应用场景的演示项目&#xff0c;包含以下模块&#xff1a;1) Jenkins Pipeline脚本示例 2) Grails Web应用基础框架 3) Spock测试框架示例 4) Groovy与Java互…

作者头像 李华
网站建设 2026/2/19 23:29:33

传统vs现代:二维数组处理效率对比实验

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 编写一个Python脚本&#xff0c;比较手动编写和AI生成的二维数组处理代码的效率。包括以下步骤&#xff1a;1. 生成一个大型二维数组&#xff1b;2. 手动编写代码进行转置和求和&am…

作者头像 李华
网站建设 2026/2/19 17:54:01

零基础入门:用ElementPlus搭建你的第一个Vue项目

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个简单的待办事项应用&#xff0c;使用ElementPlus实现&#xff1a;1. 任务添加和删除&#xff1b;2. 任务状态标记&#xff1b;3. 按状态筛选任务&#xff1b;4. 本地存储功…

作者头像 李华
网站建设 2026/2/5 8:42:47

企业级SQL Server连接故障排查实战

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个SQL Server连接问题排查指南应用。包含&#xff1a;1. 常见错误代码解释&#xff1b;2. 分步骤排查流程图&#xff1b;3. 网络诊断工具集成&#xff1b;4. 连接测试功能&am…

作者头像 李华
网站建设 2026/2/7 18:36:57

Pikafish象棋引擎:终极免费AI分析工具完整指南

Pikafish象棋引擎&#xff1a;终极免费AI分析工具完整指南 【免费下载链接】Pikafish official-pikafish/Pikafish: Pikafish 是一个自由且强大的 UCI&#xff08;通用棋类接口&#xff09;象棋引擎&#xff0c;源自 Stockfish&#xff0c;用于分析象棋&#xff08;国际象棋&am…

作者头像 李华
网站建设 2026/2/17 13:44:20

真实案例:企业IT如何批量解决无线网卡代码10

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个企业级无线网卡故障批量处理工具&#xff0c;功能包括&#xff1a;1. 局域网扫描检测所有出现代码10错误的设备&#xff1b;2. 自动下载并安装合适驱动&#xff1b;3. 生成…

作者头像 李华