function sourceController(){  var root = "";  var cssCount = 0; // css加載計數器  var jsCount = 0; // js加載計數器  this.callfunc = null; // 回調函數  this.opt = {    root : root  };  this.css = {    css0 : "javaScript/bootstrap/css/bootstrap.css",    css1 : "css/iconfont/iconfont.css",    css2 : "css/common.css"  };  this.script = {    script0 : "javaScript/jquery.js",    script1 : "javaScript/bootstrap/js/bootstrap.js"  };  /* 設置文件根目錄   * @param url 根目錄地址   */  this.setRoot = function(url){    root = url;  };  /* 設置回調函數   * @param func 回調函數   */  this.setCallBack = function(func){    this.callfunc = func;  };  /* 添加Script文件 請在addSource錢調用   * @param url script文件路徑   */  this.addScript = function(url){    if (url === "" || url == null) return;    this.script["script" + Object.getOwnPropertyNames(this.script).length] = url;  };  /* 添加CSS文件 請在addSource錢調用   * @param url css文件路徑   */  this.addCss = function(url){    if (url === "" || url == null) return;    this.css["css" + Object.getOwnPropertyNames(this.css).length] = url;  };  /* 添加常用資源 */  this.addSource = function(){    console.log("Source");    addMeta([["http-equiv", "X-UA-Compatible"],["content", "IE=edge"]]);    addMeta([["name", "viewport"],["content", "width=device-width, initial-scale=1"]]);    createCss(this);  };  /* 回調函數   * @param func 回調方法   * @param obj 當前對象   */  function callback(obj){    console.log("func run");    obj.callfunc();  }  /* 添加<link> 默認先加載css   * @param obj 當前對象   */  function createCss(obj){    // 如果沒有css文件，不加載    if(Object.getOwnPropertyNames(obj.css).length <= 0) return;    var url = obj.css["css" + cssCount];    console.log(url);    var css = document.createElement("link");    css.setAttribute("rel", "stylesheet");    if (root != "") {      url = root + "/" + url;    }    css.href = url;    document.getElementsByTagName("head")[0].appendChild(css);    css.onload = function(){      cssCount++;      if (cssCount < Object.getOwnPropertyNames(obj.css).length){        createCss(obj);      }else{        // 如果有js文件，開始加載js        if(Object.getOwnPropertyNames(obj.script).length > 0){          createJs(obj);        }      }    };  }  /* 添加<script> js加載完后執行回調函數   * @param obj 當前對象   */  function createJs(obj){    // 如果沒有js文件，不加載    if(Object.getOwnPropertyNames(obj.script).length <= 0) return;    var url = obj.script["script" + jsCount];    console.log("time:" + new Date().getTime() + " " + url);    var script = document.createElement("script");    script.setAttribute("type","text/javascript");    if (root != "") {      url = root + "/" + url;    }    script.src = url;    document.getElementsByTagName("head")[0].appendChild(script);    script.onload = function(){      jsCount++;      if (jsCount < Object.getOwnPropertyNames(obj.script).length){        createJs(obj);      }else{        // 如果有回調函數 執行回調函數        if(obj.callfunc != null){          callback(obj);        }      }    }  }  /* 添加meta   * @param attr meta屬性，為二維數組   */  function addMeta(attr){    console.log("meta");    var meta = document.createElement("meta");    for (var i = 0; i < attr.length; i++){      meta.setAttribute(attr[i][0], attr[i][1]);    }    document.getElementsByTagName("head")[0].appendChild(meta);  }}

window.onload = function(){  var sc = new sourceController();  sc.addCss("css/index.css"); // 額外添加的css文件，必須在加載資源之前加入  sc.addScript("javaScript/index.js"); // 額外添加的js文件，必須在加載資源之前加入  sc.setCallBack(function(){    document.body.style.display = "block"; // 顯示body  });  sc.addSource(); // 加載常用的js和css文件};