項(xiàng)目中需要用到動(dòng)態(tài)加載CSS 文件，整理了一下，順便融合了動(dòng)態(tài)加載JS 的功能寫成了一個(gè)對象，先上代碼：
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); }}對象包含兩個(gè)完全獨(dú)立的方法，分別用來加載CSS 文件和JS 文件，參數(shù)均為欲加載的文件路徑。原理非常的簡單：對于不同的加載文件類型創(chuàng)建不同的節(jié)點(diǎn)，然后添加各自的屬性，最后扔到head 標(biāo)簽里面。經(jīng)測試，本方法兼容各瀏覽器，安全、無毒、環(huán)保，是 web 開發(fā)人員工作常備代碼。
下面是調(diào)用代碼，異常簡單：
//動(dòng)態(tài)加載 CSS 文件dynamicLoading.css("test.css");//動(dòng)態(tài)加載 JS 文件dynamicLoading.js("test.js");以上就是告訴大家如何實(shí)現(xiàn)JavaScript動(dòng)態(tài)加載CSS和JS文件，希望對大家的學(xué)習(xí)有所幫助。
新聞熱點(diǎn)
疑難解答
