刷新页面,动态引入 css 文件

在网页中,由于 css 文件缓存加载问题,可能导致更新后的 css 不能及时体现出来。
解决方案:在刷新页面时,动态引入加 tag 的 css 文件,代码如下:
    //获取随机数
    var getRandom = function(n){   
          var random=''; 
          for(var i=0;i<n;i++){ 
                random+=Math.floor(Math.random()*10); 
          } 
          return random;
     }
     // css 每次刷新随机tag
     function createLink(cssURL){ 
         var head = document.getElementsByTagName('head')[0],
             linkTag = null;
       
      if(!cssURL){
          return false;
      }    
      linkTag = document.createElement('link');
      linkTag.setAttribute('rel','stylesheet');
      linkTag.setAttribute('_group','recm');
      linkTag.setAttribute('type','text/css');
         linkTag.href = cssURL;  
         head.appendChild(linkTag); 
     }
     var cssURL = getRandom(8);
     cssURL = "./css/test.css?v=" + cssURL;
     createLink(cssURL);  

    

猜你喜欢

转载自qiqiliu.iteye.com/blog/2401280