js css加版本号

在页面引入一次 再到js添加以下内容 会造成页面二次加载 影响用户体验

// js版本号
var scripts = document.getElementsByTagName("script");
for (var i = 0; i < scripts.length; i++) {
  if (scripts[i].src) {
    scripts[i].src = scripts[i].src + "?t=" + new Date().getTime();
  }
}

// css版本号
var link = document.getElementsByTagName('link')
for (var i = 0; i < link.length; i++) {
  if (link[i].href) {
    link[i].href = link[i].href + "?t=" + new Date().getTime();
  }
}

经过测试，可以如下方式引入，暂未发现问题。

<link rel="stylesheet" href='./static/css/styles.css?t='Math.random()>
<script src="./static/js/public.js?t="Math.random()></script>