JavaScript動態載入CSS和JS檔案

標籤：tee   javascrip   styles   child   動態   load   erro   end   document   

var dynamicLoading = {  css: function(path){ if(!path || path.length === 0){  throw new Error(‘argument "path" is required !‘); } var head = document.getElementsByTagName(‘head‘)[0];    var link = document.createElement(‘link‘);    link.href = path;    link.rel = ‘stylesheet‘;    link.type = ‘text/css‘;    head.appendChild(link);  },  js: function(path){ if(!path || path.length === 0){  throw new Error(‘argument "path" is required !‘); } var head = document.getElementsByTagName(‘head‘)[0];    var script = document.createElement(‘script‘);    script.src = path;    script.type = ‘text/javascript‘;    head.appendChild(script);  }}

//動態載入 CSS 檔案dynamicLoading.css("test.css");//動態載入 JS 檔案dynamicLoading.js("test.js");

 

JavaScript動態載入CSS和JS檔案