一般H5页面在线上如果更改了js或css文件,必须手动刷新才会更新,有的在微信或者QQ上面,刷新也不管用,所以怎么清除缓存呢?
首先思路是引入的文件加上时间戳变量,每次进页面,都会重新加载一次
怎么加时间戳呢,在引入的链接后直接加并不管用
嘿嘿,废话不多说,直接动态添加script或style标签,添加上时间戳或者随机数
不变的css或js,直接引入,需要更新的才动态引入~
- 动态添加js
<script>
document.write('<script src="js/appVideoDetail.js?' + Math.random() + '"><\/script>');
document.write('<script src="js/appreward.js?' + Math.random() + '"><\/script>');
</script>
- 动态添加css
<script>
document.write('<link rel="stylesheet" href="css/appvideoDetail.css?' + Math.random() + '">');
</script>