自动清理js、css文件的缓存方法1

[摘要]作为一名开发人员，我们经常会用到清理缓存，我们经常会引用css、js文件，更新文件后常出现缓存问题，但是有时候我们明明更改了代码，在浏览器上访问的时候却没有发生变化，那么下面就和大家分享几种解决方法。1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人认为方法2更快，因为清...

作为一名开发人员，我们经常会用到清理缓存，我们经常会引用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页面自动清理js、css文件缓存的方法，大家在遇到此类问题时可以动手试试这种方法，希望能帮助到大家。