javascript 即兼容性升级页面样式片段

Posted 2021-05-04

function msieversion() {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf("MSIE ");
            var edge=ua.indexOf("Edge");
            if(edge>0){
                loadCssCode("html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {"+
                    "font-family: 'Arial Normal', 'Arial' !important;"+
                "}");
            }
            if (msie > 0) {
                return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)));
            } else {
                return 0;
            }

        }


        function loadCssCode(code){
            var style = document.createElement('style');
            style.type = 'text/css';
            style.rel = 'stylesheet';
            try{
                //for Chrome Firefox Opera Safari
                style .appendChild(document.createTextNode(code));
            }catch(ex){
                //for IE
                style.styleSheet.cssText = code;
            }
            var head = document.getElementsByTagName('head')[0];
            head.appendChild(style);
        }
        

        var ieVersion = msieversion();
        if (ieVersion && ieVersion <= 8) {
            $state.go('update');
        }