原生JS動態(tài)加載外部css/js文件

一般css,js文件直接寫好在了代碼里面,當(dāng)然也有一些情況,需要按需加載,這時候每次都去重新重寫一個加載很麻煩,就直接封裝成函數(shù),使用時直接調(diào)用更加方便。

基礎(chǔ)

添加js需要先創(chuàng)建script標(biāo)簽,設(shè)置類型、地址,最后加入head中。

var head = document.getElementsByTagName('HEAD')[0]; 
var script= document.createElement("script"); 
script.type = "text/javascript"; 
script.src="test.js"; 
head.appendChild(script); 

實現(xiàn)

function loadfile(filename, filetype) {
    if (filetype == "js") {
        var fileref = document.createElement('script');
        fileref.setAttribute("type", "text/javascript");
        fileref.setAttribute("src", filename);
    }else if(filetype == "css") {
        var fileref = document.createElement('link');
        fileref.setAttribute("rel", "stylesheet");
        fileref.setAttribute("type", "text/css");
        fileref.setAttribute("href", filename);
    }
    if (typeof fileref != "undefined") {
        document.getElementsByTagName("head")[0].appendChild(fileref);
    }
}

使用

loadfile(filename, filetype);
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容