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

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

html是如何实现自动清理js、css文件缓存的?很多人都不太了解,今天小编为了让大家更加了解自动清理js、css文件缓存的方法,所以给大家总结了以下内容,一起往下看吧。

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

方法如下:

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() %>">

以上就是html是如何实现自动清理js、css文件缓存的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注行业资讯频道哦!