JS根据不同浏览器加载不同样式或JS，来处理浏览器兼容问题

<script type="text/javascript">
    function getBrowser() {  
        var ua = window.navigator.userAgent;  
        var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1;
        var isIEEdge = ua.indexOf("Windows NT 6.1; WOW64; Trident/7.0;") != -1;  
        var isFirefox = ua.indexOf("Firefox") != -1;  
        var isOpera = window.opr != undefined;  
        var isChrome = ua.indexOf("Chrome") && window.chrome;  
        var isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1;  
        if (isIE) {  
            return "IE";  
        }else if (isIEEdge) {  
            return "Edge";  
        } else if (isFirefox) {  
            return "Firefox";  
        } else if (isOpera) {  
            return "Opera";  
        } else if (isChrome) {  
            return "Chrome";  
        } else if (isSafari) {  
            return "Safari";  
        } else {  
            return "Unkown";  
        }  
    }
    var linkNode = document.createElement("link");
    linkNode.setAttribute("rel", "stylesheet");
    linkNode.setAttribute("type", "text/css");
    if (getBrowser() == "IE" || getBrowser() == "Edge") {
        linkNode.setAttribute("href", "css/keywordstyle1.css");
    }else{
        linkNode.setAttribute("href", "css/keywordstyle2.css");
    }
    document.head.appendChild(linkNode);
</script>