前端js,css,img文件加载的时候清除缓存

最新推荐文章于 2025-06-09 15:05:49 发布

湫兮如风01

最新推荐文章于 2025-06-09 15:05:49 发布

阅读量995

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/weixin_48070278/article/details/124270422

这是一个JavaScript函数，用于清除浏览器中JS、图片和CSS文件的缓存。它通过向文件URL添加时间戳参数来强制浏览器重新加载资源，避免使用旧的缓存版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*清除缓存*/
function cache(){
    (function () {
        let random = Math.random();
        //处理请求JS文件缓存
        let element = document.getElementsByTagName("script");
        for (let i = 0; i < element.length; i++) {
            if (element[i].src) {
                if (element[i].src.indexOf('?') > -1) {
                    element[i].src = element[i].src + '&timestreap=' + random;
                } else {
                    element[i].src = element[i].src + '?timestreap=' + random;
                }
            }
        };
        /*处理img缓存*/
        let element1 = document.getElementsByTagName("img");
        for (let i = 0; i < element1.length; i++) {
            if (element1[i].src) {
                if (element1[i].src.indexOf('?') > -1) {
                    element1[i].src = element1[i].src + '&timestreap=' + random;
                } else {
                    element1[i].src = element1[i].src + '?timestreap=' + random;
                }
            }
        };
        //处理CSS文件缓存
        let link = document.getElementsByTagName("link");
        for (let i = 0; i < link.length; i++) {
            if (link[i].href) {
                link[i].href = link[i].href + '?timestreap=' + random;
            }
        }
    })()
}
cache()