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


本文摘自PHP中文网,作者韦小宝,侵删。

这篇文章主要介绍了HTML页面自动清理js、css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考。对HTML感兴趣的小伙伴们一起跟随小编过来看看吧

在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>


阅读剩余部分

相关阅读 >>

图解html之文档结构

html怎么调用css文件

如何理解javascript中的函数概念

vue.js框架怎么下载

html页面如何实现3秒之后自动跳转

使用html5可以干什么?html5的优势和劣势(总结)

javascript怎么将字符串转为boolean类型

html基础:基本的html标签

javascript作用域的全面解析(附代码)

html文档中怎么把图片作为背景?

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




打赏

取消

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

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

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

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

评论

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