如何使用js判断浏览器内核然后引用不同的css外联样式

此处例子使用谷歌浏览器：

get_browser() 函数返回用户浏览器的性能-->
使用window.navigator.userAgent属性判断浏览器类型及版本
setAttribute() 方法添加指定的属性，并为其赋指定的值
JavaScript动态创建link标签到head里的方法:.head.appendChild
return；把控制权返回给页面

 

<script type="text/javascript">
function getBrowser() {
var i = window.navigator.userAgent;
var isChrome = i.indexOf("Chrome") && window.chrome;

if (isChrome) {
return "Chrome";
}
else {
return "Unkown";
}
}

var linkNode = document.createElement("link");
linkNode.setAttribute("rel","stylesheet");
linkNode.setAttribute("type","text/css");

if(getBrowser()=="Chrome"){
linkNode.setAttribute("href","css/css_1.css");
}else{
linkNode.setAttribute("href","css/css_2.css");
}
document.head.appendChild(linkNode);

</script>