<!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. MyException--org.apache.ibatis.exceptions.PersistenceException: ### Error building SqlSession. ###

    org.apache.ibatis.exceptions.PersistenceException:  ### Error building SqlSession. ### The error may ...

  2. 处理URL为模块/控制器/方法的格式

    一个路由在不确定长度的情况下,控制器和方法不一定传参进来,可能只有模块,甚至模块都没有,这个时候需要特殊处理一下,默认模块用 index,默认控制器用index,默认方法用 index来处理URL. ...

  3. laravel 控制器多个方法共用一个路由

    直接上代码: Route::get('Index/{action}', function(App\Http\Controllers\IndexController $index, $action){ ...

  4. Dubbo（二） -- Simple Monitor

    一.简介 dubbo-monitor-simple是dubbo提供的简单监控中心,可以用来显示接口暴露,注册情况,也可以看接口的调用明细,调用时间等. Simple Monitor挂掉不会影响到Con ...

  5. iOS - xib中关于拖拽手势的潜在错误

    iOS开发拓展篇—xib中关于拖拽手势的潜在错误 一.错误说明 自定义一个用来封装工具条的类 搭建xib,并添加一个拖拽的手势. 主控制器的代码:加载工具条 封装工具条以及手势拖拽的监听事件 此时运行 ...

  6. php面向对象基础概念（封装）

    封装性是面象对象编程中的三大特性之一,封装性就是把对象的属性和服务结合成一个独立的相同单位,并尽可能隐蔽对象的内部细节,包含两个含义: 1. 把对象的全部属性和全部服务结合在一起,形成一个不可分割的独 ...

  7. String() 函数把对象的值转换为字符串。

    var test1 = new Boolean(1);var test2 = new Boolean(0);var test3 = new Boolean(true);var test4 = new ...

  8. virgo-tomcat访问日志的详细配置

    Tomcat 日志信息分为两类:1.运行中的日志,它主要记录运行的一些信息,尤其是一些异常错误日志信息.2.访问日志信息,它记录的访问的时间.IP.访问的资料等相关信息. 关于tomcat访问日志的产 ...

  9. 结合Ajax做地区内容切换！（城市切换）

    实现原理:点击,进行异步保存Cookie , 根据保存的Cookie来切换城市内容: 简单HTML示例: <!doctype html> <html> <head> ...

  10. Yii2中省市三级联动（栏目联动）

    先从表的设计开始: 表的结构: CREATE TABLE `global_region` ( `region_id` smallint(5) unsigned NOT NULL AUTO_INCREM ...