zoukankan      html  css  js  c++  java
  • js判断浏览器的类型和获得浏览器的版本

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
               <script src="js/jquery-1.12.0.min.js"></script>
        </head>
        <style type="text/css">
        .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        }
        .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
        
    }

        </style>
        <script type="text/javascript">
        function getExplorer() {
                    var explorer = window.navigator.userAgent;
                    //ie
                    if (explorer.indexOf("MSIE") >= 0) {
                        var browser = navigator.appName;
                                var b_version = navigator.appVersion;
                                var version = b_version.split(";");
                                var trim_Version = version[1].replace(/[ ]/g, "");
                                var number ="";
                                for (i = 0; i < trim_Version.length; i++) {
                                    if ("0123456789".indexOf(trim_Version.substr(i, 1)) > -1)
                                        number += trim_Version.substr(i, 1);
                                }
                                
                                if (number < "8.0"){
                                    if (trim_Version == "MSIE6.0" ) {
                                    var divName = document.getElementById("tixing");
                                    var text = "您的浏览器版本过低(当前浏览器版本为IE6),系统建议您采用高版本的主流浏览器!";
                                    divName.innerHTML=text;
                                    }
                                    else if (trim_Version == "MSIE7.0" ) {
                                    var divName = document.getElementById("tixing");
                                    var text = "您的浏览器版本过低(当前浏览器版本为IE7),系统建议您采用高版本的主流浏览器!";
                                    divName.innerHTML=text;
                                    }
                                    else if (trim_Version == "MSIE5.5" ) {
                                    var divName = document.getElementById("tixing");
                                    var text = "您的浏览器版本过低(当前浏览器版本为IE5),系统建议您采用高版本的主流浏览器!";
                                    divName.innerHTML=text;
                                    }else{
                                        document.getElementById('tixing').style.display='none';
                                    }
                                    
                                        
                                }else{
                                    document.getElementById('tixing').style.display='none';
                                }
                                }
                    //firefox
                    else if (explorer.indexOf("Firefox") >= 0) {
                    
                        document.getElementById('tixing').style.display='none';
                    }
                    //Chrome
                    else if (explorer.indexOf("Chrome") >= 0) {
                        
                        document.getElementById('tixing').style.display='none';
                    }
                    //Opera
                    else if (explorer.indexOf("Opera") >= 0) {
                        
                        document.getElementById('tixing').style.display='none';
                    }
                    //Safari
                    else if (explorer.indexOf("Safari") >= 0) {
                        
                        document.getElementById('tixing').style.display='none';
                    }
                }
        
        window.onload = getExplorer;
        </script>
        <body>
            
                <div class="alert alert-warning" id="tixing">
                    
                </div>

        </body>
    </html>

  • 相关阅读:
    hibernate mysql写入中文乱码 解决
    Java中List Set Map 是否有序等总结
    DDL之操作表
    日常学习链接
    NullPointerException异常的原因及java异常??
    ora-01033:oracle initialization or shutdown in progress 解决方法
    多线程概念
    Myeclipse优化篇
    面试中经常会被问到的70个问题
    Notes from Data Guard
  • 原文地址:https://www.cnblogs.com/airycode/p/5171225.html
Copyright © 2011-2022 走看看