首頁  >  文章  >  web前端  >  javascript實作動態載入CSS_javascript技巧

javascript實作動態載入CSS_javascript技巧

WBOY
WBOY原創
2016-05-16 16:18:041031瀏覽

複製程式碼 程式碼如下:


JS寫的函數,用來控制JS文件的動態加載,也就是在需要的時候才加載JS文件,同時還可加載CSS文件,這樣就可實現網頁換膚,這覺得這個函數寫的不錯,認真的看下,自己在完善下,還是相當不錯的。

複製程式碼 程式碼如下:

function $import(path,type,title){
var s,i;
if(!type) type=path.substr(path.lastIndexOf(".") 1);
if(type=="js"){
    var ss=document.getElementsByTagName("script");
    for(i=0;i         if(ss[i].src && ss[i].src.indexOf(path)!=​​-1 || ss[i].title==title)return ss[i];
    }
    s=document.createElement("script");
    s.type="text/javascript";
    s.src=path;
    if(title) s.title=title;
}
else if(type=="css"){
    var ls=document.getElementsByTagName("link");
    for(i=0;i         if(ls[i].href && ls[i].href.indexOf(path)!=​​-1 || ls[i].title==title)return ls[i];
    }
    s=document.createElement("link");
    s.rel="stylesheet";
    s.type="text/css";
    s.href=path;
    if(title) s.title=title;
    s.disabled=false;
}
else return;
var head=document.getElementsByTagName("head")[0];
head.appendChild(s);
return s;
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn