js文件防止浏览器缓存

有时候频繁修改js文件，但是有时候浏览器缓存很恶心，并没有更新到页面，我们可以使用版本号这个方法来处理，自己总结了一个方案，参考了一个方案。

1、

<%

Double version = Math.random();

%>

<script type="text/javascript" src="/js/jcfw2/action.js/<%=version%>"></script>

如果你的也是jsp,可以用这个，其他的按自己的处理。

 

2、

 

/**
* js动态加载js css文件,可以配置文件后辍，防止浏览器缓存
* @param {obj} config   加载资源配置 
* @param {string} version  资源后辍配置
*/
function jsCssLoader(config,version) {
  this.css = config.css;
  this.scripts = config.scripts;
  this.head = document.getElementsByTagName('head')[0];
 
  this.load = function() {
    this.loadCSS();
    this.loadScript();
  }
  this.loadCSS = function() {
    var that = this;
    this.css.forEach(function(csslink) {
      document.write(' ')
    });
  }
  this.loadScript = function() {
    var that = this;
    this.scripts.forEach(function(scriptlink){
      document.write('');
    });
  }
  this.load();
}

 

使用方法：

jsCssLoader({
  css: [
      'resources/resources/quizii.css',
  ],
  scripts: [
    'js/quizii/language/js.js',
  ]
},new Date().getTime());
 

 

看自己喜欢用哈。