JS学习之动态加载script和style样式

//动态加载脚本
 
function loadScript(){
 
    var script=document.createElement("script");
 
    script.type="text/javascript";
 
    script.src=null 
 
    try{
 
        script.appendChild(document.createTextNode("//code"));     //javascript内容是利用createTextNode创建的（不过IE不认这个）
 
    }catch(ex){
 
        script.text="//code";                                                                //IE认为SCRIPT节点是个特殊的节点所有有个特殊的text属性
 
    }
 
    document.body.appendChild(script);   /*兼容IE*/
 
}
 
 
 
样式的：
 

// 动态记载样式
 
function loadStyle(){
 
    var style=document.createElement("style"); 
 
    style.type="text/css";                                                              //参考网页上的style样式，它的属性设置成什么样的这里面也设成什么样的
 
    style.href="style.css";
 
    try{
 
       style .appendChild(document.createTextNode("//style code")); 
 
    }catch(ex){
 
        style.styleSheet.styleText="//style code";    /*兼容IE*/        //IE也认为style节点是个特殊的节点所有有个特殊的styleSheet.styleText属性 - -
 
    }
 
    var head=document.getElementByTagName("head")[0];        
 
    head.appchild(link);
 
}