给静态文件加随机数或时间戳防止浏览器文件缓存

最新推荐文章于 2023-06-30 16:07:44 发布

狼牙冷

最新推荐文章于 2023-06-30 16:07:44 发布

阅读量760

点赞数

文章标签： html

本文链接：https://blog.csdn.net/jimolangyaleng/article/details/106276835

版权

今天被同事指出一个bug，就是在静态文件中加时间戳是这样：

<link rel="stylesheet" href="../css/main.css?v="+new Date().getTime()>

这种写法当时也是在网上随便搜索下找到的，自己也没验证，后面自己在浏览器上检验了下果真有问题，就是后面的时间戳没有获取到，主要是由于获取时间戳的js代码执行，当然不执行，由于js代码在link中没有执行环境，不是在script标签内。所以后面改成如下方式：

时间戳：

<script>
    document.write('<link href="../css/main.css?v=' + new Date().getTime() + '" rel="stylesheet" type="text/css"/>');
</script>

随机数：

<script>
    document.write('<link href="../css/main.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
</script>

引入js文件也同样如此

时间戳：

<script>
    document.write('<script src="./index.js?' + new Date().getTime() + '"><\/script\>');
</script>

随机数：

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

关注