js实现根据浏览器类型自动调用不同CSS文件[收藏]

<script type="text/javascript">......


<!--




if (window.navigator.userAgent.indexOf("MSIE")>=1)...{


    //如果浏览器为IE


    setActiveStyleSheet("default.css");




} else ......{




    if (window.navigator.userAgent.indexOf("Firefox")>=1){


        //如果浏览器为Firefox


        setActiveStyleSheet("default2.css");




    } else ......{


        //如果浏览器为其他


        setActiveStyleSheet("newsky.css");


    }


}






function setActiveStyleSheet(title)......{ 


    document.getElementsByTagName("link")[0].href="style/"+title; 


}


//-->


</script>




以上脚本放在</head>之前即可.
CSS实现根据浏览器类型自动调用不同CSS文件。放在元素head中


    <link type="text/css" href="MasterPage.css" media="all" rel="Stylesheet" />


    <!--[if lte IE 6 ]>


<link rel="Stylesheet" type="text/css" href="css/iebugs/ie6.css" />


<![endif]-->


    <!--[if IE 7 ]>


<link rel="Stylesheet" type="text/css" href="css/iebugs/ie7.css" />


<![endif]-->