js根据浏览器动态添加css文件

l浏览器兼容性问题，想到要用条件注释引入特定浏览器的css文件，可是奈何怎么也不起作用，蛋疼死了。。。

还是用js搞把

 

第一步：判断浏览器类型

var Browser=new Object();
Browser.userAgent=window.navigator.userAgent.toLowerCase();
Browser.ie=/msie/.test(Browser.userAgent);
Browser.Moz=/gecko/.test(Browser.userAgent);
Browser.liebao = /lbbrowser/.test(Browser.userAgent);
//IE&猎豹顶部兼容处理（猎豹需开启兼容模式）
if(Browser.ie || Browser.liebao){
    loadCss("../css/ie8.css");
}

第二步：动态添加css样式文件

function loadCss(path){    
    if(!path || path.length === 0){
        throw new Error('argument "path" is required !');
    }
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.href = path;
    link.rel = 'stylesheet';
    link.type = 'text/css';
    head.appendChild(link);    
}