DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js判斷浏覽器的類型和獲得浏覽器的版本
js判斷浏覽器的類型和獲得浏覽器的版本
編輯:JavaScript基礎知識     

<!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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved