• jQuery判断浏览器


    在jQuery1.9版本之前,jQuery 提供了 browser 标记

     1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
     2 <script type="text/javascript">
     3     $(function() {
     4         var userAgent = window.navigator.userAgent.toLowerCase();
     5         var version = $.browser.version;
     6         $(".info").html(
     7             "<h3>userAgent:</h3>" + userAgent + "<br />" +
     8             "<h3>version:</h3>" + version
     9         );
    10     });
    11 </script>
      <body> <div class="info"></div> </body>

    其中IE6和IE7 会有问题,所以具体解决后代码:

     1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
     2 <script type="text/javascript">
     3     $(function() {
     4         var userAgent = window.navigator.userAgent.toLowerCase();
     5  
     6         $.browser.msie10 = $.browser.msie && /msie 10.0/i.test(userAgent);
     7         $.browser.msie9 = $.browser.msie && /msie 9.0/i.test(userAgent); 
     8         $.browser.msie8 = $.browser.msie && /msie 8.0/i.test(userAgent);
     9         $.browser.msie7 = $.browser.msie && /msie 7.0/i.test(userAgent);
    10         $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6.0/i.test(userAgent);
    11  
    12         $(".info").html(
    13             "<h3>userAgent:</h3>" + userAgent + "<br />" +
    14             "<h3>Is IE 10?</h3>" + $.browser.msie10 +
    15             "<h3>Is IE 9?</h3>" + $.browser.msie9 +
    16             "<h3>Is IE 8?</h3>" + $.browser.msie8 +
    17             "<h3>Is IE 7?</h3>" + $.browser.msie7 +
    18             "<h3>Is IE 6?</h3>" + $.browser.msie6
    19         );
    20     });
    21 </script>
    22  
    23 <body>
    24     <div class="info"></div>
    25 </body>

    (以上文章引用地址:http://www.iefans.net/jquery-pandan-ie-banben/ 作者:iefans)

    但是

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是:

    1 <!--[if lt IE 9]
    2 <script src='jquery-1.9.0.js'</script
    3 <![endif]--
    4 <!--[if gte IE 9]
    5 <script src='jquery-2.0.0.js'</script
    6 <![endif]

    从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。
    判断浏览器类型:

    1 $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
    2 $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
    3 $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
    4 $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

    等号后面的表达式返回的就是 true/false, 可以直接用来替换原来的$.browser.msie等。
    检查是否为IE6

    1 // Old
    2 if ($.browser.msie && 7 $.browser.version) {}
    3 // New
    4 if ('undefined' == typeof(document.body.style.maxHeight)) {}

    检查是否为 IE 6-8

    1 if (!$.support.leadingWhitespace) {}
  • 相关阅读:
    js基础学习
    线程安全与锁
    JS浏览器检测工具方法、url参数读取
    【转载】JS时间工具类收藏(时间转换、倒计时)
    使用JQuery插件Jcrop进行图片截取
    记录小文件上传的几个例子(含进度条效果,附源码下载)
    T-SQL分页查询语句
    记录JavaScript中使用keyup事件做输入验证(附event.keyCode表)
    知识记录:ASP.NET 应用程序生命周期概述及Global.asax文件中的事件
    记录FormsAuthentication的使用方法
  • 原文地址:https://www.cnblogs.com/showersun/p/3679090.html
Copyright © 2020-2023  润新知