<link rel="stylesheet" type="text/css" href="sheet.css" />

<style type="text/css">
body{background:#fff;}
h1{font-size:2em;}
</style>

<style type="text/css">
@import url(sheet1.css);
@import "sheet2.css";
</style>

<p style="color:#f00;">這是紅色的字</p>

var fnmergestylesheet = function(){
if(!document.stylesheets){
    return;
}
var asheet = document.stylesheets,
    astyle = document.getelementsbytagname('style'),
    alink  = document.getelementsbytagname('link');
    if(astyle.length + alink.length < 32 || !asheet[0].csstext){
        //document.stylesheets.csstext只有ie支持
        return;
    }
    var acsstext = [],aclonelink = [];
    //把style標簽中的樣式存入，然后刪掉該標簽，但保留第一個
    //因為由getelementsbytagname方法返回值是nodelist，所以刪除時循環(huán)用倒序
    for(var i=astyle.length-1;i>-1;–i){
        var o = astyle[i];
            acsstext.push(o.innerhtml);
            if(i>0){
                o.parentnode.removechild(o);
            }
    }
    //在ie中只有在31之內(nèi)的link標簽才能通過其stylesheet.csstext獲取樣式
       //無法的獲取復(fù)制到一個數(shù)組aclonelink中
    for(var i=alink.length-1;i>-1;–i){
       var o = alink[i];
          if(o.getattribute && o.getattribute(’rel’)===’stylesheet’){
               if(o.stylesheet){
                  acsstext.push(o.stylesheet.csstext);
               }else{
                   aclonelink.push(o.clonenode(true));
               }
               if(i>0){
                   o.parentnode.removechild(o);
               }
          }
    }
    var ohead = document.getelementsbytagname(’head’)[0];
    //通過前面的刪除，前31個link或者style標記最多只剩下2個
    //通過重新增加link節(jié)點的方法激活其stylesheet屬性，從而獲取樣式
    for(var i = aclonelink.length-1;i>-1;–i){
        var o = aclonelink[i];
        ohead.appendchild(o);
        acsstext.push(o.stylesheet.csstext);
        ohead.removechild(o);
    }
   //把所有的樣式都復(fù)制給第一個標簽
    asheet[0].csstext += acsstext.join(”);
}