javascript 動態載入css、js

來源:互聯網
上載者:User

相容IE、FireFox、Chrome
//載入js
function loadJs(){
    if (!getObj('script_PlData')){
        var scriptObj= document.createElement("script");
        //scriptObj.id = 'script_1';
        scriptObj.type = "text/javascript";
        scriptObj.src='/js/m.js' ;
        document.body.appendChild(scriptObj);
    }
}

//載入css、
function loadCss(){
    var cssObj=null;
    cssObj = document.createElement("style");
    var cssAry=new Array();
    cssObj.setAttribute("type", "text/css");
    cssAry.push('img {border:none;}');
    cssAry.push('.div{ width:350px; height:auto; border:1px solid #000000;}');
    cssAry.push('.div_data{ width:300px; height:70px; border:1px solid #CCCCCC;}');
    cssAry.push('body{ font-size:12px;}'); //alert('stop')
    if(cssObj.styleSheet){
        cssObj.styleSheet.cssText=cssAry.join(' ');
    }else{
        cssObj.appendChild(document.createTextNode(cssAry.join(' ')));  
    }
    var headObj=document.getElementsByTagName('head')[0];
    headObj.appendChild(cssObj);
}

function loadCss2(){

        var cssObj = document.createElement('link');
        cssObj.setAttribute('id','css_ID');
        cssObj.setAttribute('rel','stylesheet');
        cssObj.setAttribute('type','text/css');
        cssObj.setAttribute('href','xxx.css');
       document.body.appendChild(cssObj);

}

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.