前端Html清除引入的js和css的缓存的方式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34664239/article/details/90637468

一般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>