怎样让前端界面自动清理js、css文件的缓存


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

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

1、手动清除浏览器缓存

2、添加版本号(如 layout.css?v=1)

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

以下是本人收集的方法:

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

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页面用方法一也行,但此方法更方便)

1

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

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

阅读剩余部分

相关阅读 >>

html中如何使用js来获取本地系统时间

分享6款实用的时钟特效(收藏)

jquery框架是什么?

javascript弱类型什么意思

css border-bottom-color属性怎么用?

css怎么设置鼠标手势

使用css实现自适应标题浮动效果(代码实例)

css实现禁止页面文字被选中功能

html页面自动清理js、css文件的缓存(自动添加版本号)_html/xhtml_网页制作

javascript和jsp有什么区别

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...