對象包含兩個(gè)完全獨(dú)立的方法，分別用來加載 CSS 文件和 JS 文件，參數(shù)均為欲加載的文件路徑。原理非常的簡單：對于不同的加載文件類型創(chuàng)建不同的節(jié)點(diǎn)，然后添加各自的屬性，最后扔到 head 標(biāo)簽里面。經(jīng)測試，本方法兼容各瀏覽器，安全、無毒、環(huán)保，實(shí)乃 web 開發(fā)人員工作常備代碼，請放心使用。

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

}

}

下面是調(diào)用代碼，異常簡單：

//動(dòng)態(tài)加載 CSS 文件

dynamicLoading.css("test.css");

//動(dòng)態(tài)加載 JS 文件

dynamicLoading.js("test.js");

更多信息請查看IT技術(shù)專欄