如何使用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>