最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript實(shí)現(xiàn)動(dòng)態(tài)加載CSS

 更新時(shí)間:2015年01月26日 09:38:16   投稿:hebedich  
最近在做自己的小框架的按需加載模塊,那么就需要做到異步動(dòng)態(tài)加載css文件。仔細(xì)研究了一番,得到了如下解決方案,分享給大家。

復(fù)制代碼 代碼如下:

<script type="text/javascript">
            function addStyle(stylePath) {
                var container = document.getElementsByTagName("head")[0];
                var addStyle = document.createElement("link");
                addStyle.rel = "stylesheet";
                addStyle.type = "text/css";
                addStyle.media = "screen";
                addStyle.href = stylePath;
                container.appendChild(addStyle);
            }
            addStyle('http://www.xxx.com/wintys/dynamic.css');
</script>

JS寫(xiě)的函數(shù),用來(lái)控制JS文件的動(dòng)態(tài)加載,也就是在需要的時(shí)候才加載JS文件,同時(shí)還可加載CSS文件,這樣就可實(shí)現(xiàn)網(wǎng)頁(yè)換膚,這覺(jué)得這個(gè)函數(shù)寫(xiě)的不錯(cuò),認(rèn)真的看下,自己在完善下,還是相當(dāng)不錯(cuò)的。

復(fù)制代碼 代碼如下:

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<ss.length;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<ls.length;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;
}

相關(guān)文章

  • 教你如何在 Javascript 文件里使用 .Net MVC Razor 語(yǔ)法

    教你如何在 Javascript 文件里使用 .Net MVC Razor 語(yǔ)法

    文章主要是介紹了通過(guò)一個(gè)第三方類(lèi)庫(kù)RazorJS,實(shí)現(xiàn)Javascript 文件里使用 .Net MVC Razor 語(yǔ)法,很巧妙,推薦給大家
    2014-07-07
  • JS彈出居中的DIV的代碼

    JS彈出居中的DIV的代碼

    一直都在想怎么樣使彈出的DIV能在任何時(shí)候都是居中顯示的,剛開(kāi)始的時(shí)候是用CSS樣式直接定義好層的位置,但是當(dāng)頁(yè)面很長(zhǎng)的時(shí)候,或是瀏覽器窗口大小不是固定的時(shí)候就不能正確的顯示,所以只好用JS來(lái)控制DIV的顯示位置。
    2008-06-06
  • JS小功能(checkbox實(shí)現(xiàn)全選和全取消)實(shí)例代碼

    JS小功能(checkbox實(shí)現(xiàn)全選和全取消)實(shí)例代碼

    這篇文章主要介紹了checkbox實(shí)現(xiàn)全選和全取消實(shí)例代碼,有需要的朋友可以參考一下
    2013-11-11
  • 最新評(píng)論

    古蔺县| 冕宁县| 高平市| 江达县| 富阳市| 灵川县| 且末县| 鸡泽县| 石门县| 南漳县| 清涧县| 星子县| 麻城市| 竹北市| 襄樊市| 绍兴市| 邻水| 安塞县| 长海县| 新河县| 扬中市| 都江堰市| 黔江区| 古田县| 弋阳县| 北安市| 银川市| 揭阳市| 高淳县| 江安县| 信丰县| 客服| 利川市| 乐东| 桂东县| 怀柔区| 永寿县| 江陵县| 罗甸县| 泊头市| 吴桥县|