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