如何判断浏览器类型然后让它读取指定的CSS

<SCRIPT LANGUAGE="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>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="" rel="stylesheet" type="text/css" id="link"/>

<SCRIPT>
function oo(obj){
        return typeof(obj)=="string"?document.getElementById(obj):obj
}

 if (window.navigator.userAgent.indexOf("MSIE")>=1){
        oo("link").href='1.css';
        alert("当前浏览器为IE,css文件为"+oo("link").href);
}else{
        if (window.navigator.userAgent.indexOf("Firefox")>=1){
              oo("link").href='2.css';
              alert("当前浏览器为Firefox,css文件为"+oo("link").href);
        }else{
              oo("link").href='3.css';
              alert("当前浏览器为其他,css文件为"+oo("link").href);
        }
 }

</SCRIPT>
</head>
<body>

</body>
</html>

posted @ 2011-02-24 14:14  网络爱上点击  阅读(1534)  评论(0)    收藏  举报