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

js判断浏览器的类型和获得浏览器的版本的更多相关文章

  1. PHP和js判断访问设备是否是微信浏览器实例

    PHP和js判断访问设备是否是微信浏览器实例,代码非常精简,适合新手学习. js判断是否是微信浏览器: 1 function is_weixin() { 2 var ua = window.navig ...

  2. JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)

    //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platfor ...

  3. js 判断是什么类型浏览器

    //  firefoxif ( window.sidebar && "object" == typeof( window.sidebar ) && ...

  4. JS判断设备的类型

    利用JS判断浏览器的用户代理,从而获得设备类型.利用这个方法可以获得用户的设备是移动设备还是PC设备.     JS代码如下:       function browerType() {       ...

  5. js 判断访问终端类型

    // 判断访问终端类型 var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appV ...

  6. JS判断IE,FF,Opera,Safari等浏览器类型

    第一种,只区分浏览器,不考虑版本 function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var ...

  7. 判断IE浏览器的类型以及提示信息（低版本浏览器不予显示）

    //浏览器IE版本判断(function(window) {    var theUA = window.navigator.userAgent.toLowerCase();    if ((theU ...

  8. js判断是否使用的是微信浏览器

    代码如下: function is_weixin() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMesse ...

  9. js判断是否为ie6以外的浏览器，若是，则调用相应脚本

    if(navigator.userAgent.indexOf("MSIE 6.0") < 0) { //相应JavaScript脚本}

随机推荐

  1. Unity UGUI——Text组件（Character）

    Character和Paragraph属性组

  2. 端口占用处理（Windows）

    1. netstat -ano 看看 443端口被占用没 ,一般是本地地址加上端口号,那个端口号就是你要找的,同时最后一列是PID,即进程号. (常用的软件有虚拟机.VisualSVNServer)2 ...

  3. pl/sql编程2-综合

    案例1,要求:可以向book表添加书,并通过Java程序调用该过程1.1 创建表 ),publishHosuse )); 1.2 编写过程,无返回值 create or replace procedu ...

  4. android 仿QQ手机版

    千人2群开启,欢迎大家围观打酱油,群号145667827     您当前位置 : JavaApk-安卓应用游戏源码服务专家 » QQ » Android项目源码界面超级华丽的仿QQ最新版本 Andro ...

  5. Mybatis中的if test 标签

    <if test='patrolResult != null and patrolResult != "" and patrolResult !="1"' ...

  6. 5个基于Web的建模工具

    本文介绍 5 款很棒的直接可以在浏览器使用的建模工具,无需单独安装软件. 1. Creately提供在线图表和协助功能,包含多种建模语言(UML)支持,这里有一个简单的演示:here 2.Diagra ...

  7. LeetCode——Convert Sorted Array to Binary Search Tree

    Description: Given an array where elements are sorted in ascending order, convert it to a height bal ...

  8. 图片上传转base64

    代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  9. Windows域的相关操作

    一.windows域账户组操作: net group /domain #查看所有组 net group GROUP-NAME /domain #查看某一个组 net group GROUP-NAME ...

  10. 【黑金ZYNQ7000系列原创视频教程】02.视频接口——hdmi编码输出实验

    黑金论坛地址: http://www.heijin.org/forum.php?mod=viewthread&tid=36636&extra=page%3D1 爱奇艺地址: http: ...