js css添加时间戳(随机数),亲测可用!

版权声明：原创,转载请说明! https://blog.csdn.net/qq_42786011/article/details/88683918

一:.单个css,js文件添加时间戳随机数,效果图

1.单个css,js文件添加时间戳

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

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

2:单个css.js文件添加随机数

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

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

二:多个css,js文件添加随机数效果图

<script>
  (function () {
    var random = Math.random();
    //处理请求JS文件缓存
    var element = document.getElementsByTagName("script");
    for (var 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;
        }
      }
    };
    //处理CSS文件缓存
    var link = document.getElementsByTagName("link");
    for (var i = 0; i < link.length; i++) {
      if (link[i].href) {
        link[i].href = link[i].href + '?timestreap=' + random;
      }
    }
  })()
</script> 

css多文件不建议都加随机数,建议用单文件添加时间戳的方式,避免ui框架加上随机数后造成的闪屏的现象.