【前端】静态网页引入JS、CSS地址添加参数时间戳

原创于 2023-02-12 14:48:15 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #css #javascript

javascript 专栏收录该内容

95 篇文章

订阅专栏

文章介绍了如何在HTML中通过添加时间戳参数到JS和CSS文件链接来避免浏览器缓存，确保每次加载都能获取最新版本的脚本和样式表。这种方法常用于开发阶段，以强制浏览器忽略缓存，获取更新的内容。

一、引入JS加时间戳

<script>
    var now = new Date().getTime();
    document.write('<script src="/public/js/mine.js?t=' + now + '"><\/script\>');
</script>

二、引入CSS加时间戳

    <script>
        var now2 = new Date().getTime();
        document.write('<link rel="stylesheet" href="/public/css/main.css?t=' + now2 + '" media="all">');
    </script>

最终效果：
http://xxx.com/public/css/main.css?t=1676184116043