html实现自动清理js、css文件的缓存

142 阅读 0 评论 94 点赞

我是靠谱客的博主甜蜜月饼，这篇文章主要介绍html实现自动清理js、css文件的缓存，现在分享给大家，希望可以做个参考。

方法如下：

1、手动清除浏览器缓存；

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

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

（推荐教程：html教程）

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

复制代码<script type="text/javascript">  
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");   
</script>1
2
3
<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() %>">1
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
登录后复制