對象包含兩個(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)用代碼，異常簡單：
//動態(tài)加載 CSS 文件
dynamicLoading.css("test.css");
//動態(tài)加載 JS 文件
dynamicLoading.js("test.js");
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試