HTML页面自动清理js、css文件的缓存（自动添加版本号）

站长资源 2024/11/7 佚名

2 0 1

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：

1、手动清除浏览器缓存

2、添加版本号（如 layout.css?v=1）

个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，

以下是本人收集的方法：

方法一：可以通过js自动给html添加版本号

 <script type="text/javascript">  
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");   
</script>

方法二：若是jsp页面，可以使用java代码生成时间戳（若是jsp页面用方法一也行，但此方法更方便）

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

方法三：使用其他的方法添加版本号，如用node.js自动配置等

ps：我们清除缓存的目的是为了及时看到页面的更新情况，当我们将页面上线时（即部署到正式环境，不会再做更改），建议把版本号固定，因为有缓存的页面访问更快，需要更新的时候再更换下固定版本号。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

HTML自动添加版本号,HTML自动清理缓存

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“HTML页面自动清理js、css文件的缓存（自动添加版本号）”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月07日

HTML页面自动清理js、css文件的缓存（自动添加版本号）

HTML实现移动端固定悬浮半透明搜索框

html格式化输出JSON示例(测试接口)

评论“HTML页面自动清理js、css文件的缓存（自动添加版本号）”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接