<!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. mybatis由浅入深day02_2一对一查询_2.3方法二：resultMap_resultType和resultMap实现一对一查询小结

    2.3 方法二:resultMap 使用resultMap,定义专门的resultMap用于映射一对一查询结果. 2.3.1 sql语句 同resultType实现的sql SELECT orders ...

  2. mybatis由浅入深day01_4.7根据用户名称模糊查询用户信息_4.8添加用户((非)自增主键返回)

    4.7 根据用户名称模糊查询用户信息 4.7.1 映射文件 使用User.xml,添加根据用户名称模糊查询用户信息的sql语句. 4.7.2 程序代码 控制台: 4.8 添加用户 4.8.1 映射文件 ...

  3. 分享一句话的同时说说遍历map的常用方法

    最近在网上看到一句话,鄙人觉得这是比较经典的一句话,首先要给大家分享哈: 当一个人找不到出路的时候,最好的办法就是将当前能做好的事情做到极致,做到无人能及. Map<String, String ...

  4. Python pymysql 模块

    pymysql 是 Python3 连接 MySQL 的一个模块,常见用法如下: [root@localhost ~]$ pip3 install pymysql # 安装 pymysql 模块 In ...

  5. 运行 3ds Max 时出现的性能问题

          运行 3ds Max 时性能减慢或迟缓通常是由于视频配置冲突或内存分配问题引起的.关于性能问题的一大难点在于缩小范围确定问题原因.以下是一些限制 3ds Max 操作的常见情形,以及纠正这 ...

  6. OpenGL开发环境简介

    基于OpenGL标准开发的应用程序运行时需有动态链接库OpenGL32.DLL.Glu32.DLL,这两个文件在安装Windows NT时已自动装载到C:\WINDOWS\SYSTEM32目录下(这里 ...

  7. 学习JQuery - 10

    第四章 Styling and Animating 1. 使用内联属性修改CSS 我们知道HTML在onload时会读取css的各项值. 那么,我们能不能在之后的操作中改变css值呢? 答案是肯定的! ...

  8. MQTT的学习研究（十四） MQTT moquette 的 Callback API 消息发布订阅的实现

    在moquette-mqtt中提供了回调callback模式的发布和订阅但是在订阅之后没有发现有消息接收的方法,参看moquette-mqtt中Block,Future式的发布订阅基础是callbac ...

  9. Docker 使用指南 (三)—— 网络配置

    版权声明:本文由田飞雨原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/95 来源:腾云阁 https://www.qclou ...

  10. egret跨域

    参考: 1.什么是跨域?怎么解决跨域问题? 2.egret跨域解决方案 什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制. 所谓同源是指,域 ...