清除HTML页面引入的js和css文件的缓存

一般H5页面在线上如果更改了js或css文件,必须手动刷新才会更新,有的在微信或者QQ上面,刷新也不管用,所以怎么清除缓存呢?

首先思路是引入的文件加上时间戳变量,每次进页面,都会重新加载一次

怎么加时间戳呢,在引入的链接后直接加并不管用

嘿嘿,废话不多说,直接动态添加script或style标签,添加上时间戳或者随机数

不变的css或js,直接引入,需要更新的才动态引入~

1.动态添加js

<script>
	document.write('<script src="js/appVideoDetail.js?' + Math.random() + '"><\/script>');
	document.write('<script src="js/appreward.js?' + Math.random() + '"><\/script>');
</script>

2.动态添加css

<script>
	document.write('<link rel="stylesheet" href="css/appvideoDetail.css?' + Math.random() + '">');
</script>
发布了130 篇原创文章 · 获赞 103 · 访问量 26万+

猜你喜欢

转载自blog.csdn.net/xiaolinlife/article/details/101480957