js動態加載js css文件,可以配置文件后輟,防止瀏覽器緩存


js的引用,在瀏覽器,或微信上訪問經常會遇到文件改了,但就是沒有更新的問題,使用此函數可以輕松解決緩存問題
只需要把js的引用方式改為使用此函數加載即可

源碼如下:

/**
* 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());

來源:jsfun.cn


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM