国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript實現動態加載CSS

2024-05-06 16:15:16
字體:
來源:轉載
供稿:網友
最近在做自己的小框架的按需加載模塊,那么就需要做到異步動態加載css文件。仔細研究了一番,得到了如下解決方案,分享給大家。
 

 

復制代碼代碼如下:

<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寫的函數,用來控制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<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; 
}
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 南京市| 闽清县| 台中市| 遵义县| 衡东县| 定远县| 塘沽区| 郎溪县| 灌云县| 工布江达县| 赣榆县| 保山市| 金溪县| 涟源市| 松江区| 文登市| 连平县| 榆林市| 吉林市| 抚松县| 马龙县| 来安县| 拉萨市| 广元市| 勃利县| 寻甸| 上蔡县| 山西省| 常山县| 冷水江市| 陕西省| 新郑市| 博罗县| 天全县| 璧山县| 长泰县| 额尔古纳市| 桃园县| 新巴尔虎左旗| 静宁县| 柏乡县|