用JavaScript動態載入CSS和JS檔案

標籤：ext   http   required   .com   function   com   name   head   nbsp   

函數封裝：

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");

 

摘自：http://www.jsmix.com/javascript/dynamic-loading-css-javascript.html

 

用JavaScript動態載入CSS和JS檔案