简单快捷   随心所欲   企业建站首选YulinCMS

JS 动态添加 样式 和 脚本
时间:2009年11月25日
来源:YulinCMS.com
阅读次数:

// 添加样式
function AddStyle(cssText)
{
     var cssStyle;
     if(document.all)
     {
           cssStyle = document.createStyleSheet();
           cssStyle.cssText = cssText;
     }   
    else   
     {
          var cssStyle = document.createElement("style");
          cssStyle.setAttribute("type", "text/css");
          cssStyle.appendChild(document.createTextNode(cssText)); 
          document.getElementsByTagName("head").item(0).appendChild(cssStyle);   
     }
}


//添加外部样式
function includeStyle(url)
{
    var style = document.createElement("link");
    style.type = "text/css";
    style.setAttribute("rel","stylesheet");
    style.setAttribute("href",url);
    document.getElementsByTagName("head")[0].appendChild(style);
}


// 添加外部JS
function loadJS(fileUrl)
{
      var oHead = document.getElementsByTagName('HEAD').item(0);
      var oScript= document.createElement("script");
      oScript.type = "text/javascript";
      oScript.src = fileUrl;
      oHead.appendChild(oScript);
}


Powered by YulinCMS