用script外联js、css添加随机数防缓存

weixin_44741890

于 2019-06-28 16:40:23 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：基础技巧

本文链接：https://blog.youkuaiyun.com/weixin_44741890/article/details/94015819

基础技巧专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在JavaScript和CSS中通过添加随机数来动态加载资源，避免浏览器缓存，实现页面的实时更新。文章提供了具体的代码示例，展示了如何在JS和CSS文件链接中加入随机数。

给JS添加随机数

<script type="text/javascript">

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

</script>

给script引用随机数时尾部的结束script要加反斜杠（\）转义

在给CSS添加随机数

<script type="text/javascript">

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

</script>