使用jQuery判断IE浏览器版本的代码

IE还真是让设计师恨的牙痒痒的东西，且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器，且都有一点小差异。但是没办法，为了让网页在每个浏览器中显示都一样还必须迁就它。

不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如IE6、IE7这些直接忽略！IE8的话还凑合一下。好在IE9和IE10对网络标准支持都比较了，等IE9版本以上的浏览器普及以后就好很好了。

但是不做兼容归不做兼容，还是要简单的处理一下的。幸运的是 jQuery 提供了 browser 标记来让我们能判断现在的访客是用什么浏览器及版本：

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script>
<script type="text/javascript">
 $(function() {
 var userAgent = window.navigator.userAgent.toLowerCase();
 var version = $.browser.version;
 $(".info").html(
  "<h3>userAgent:</h3>" + userAgent + "<br />" +
  "<h3>version:</h3>" + version
 );
 });
</script>

<body>
 <div class="info"></div>
</body>

我用了一点简单的范例来显示目前浏览器的 userAgent 及 jQuery.browser.version，接着在 IE 6~8 中测试，但其中显示的结果还真是让错愕咧！

从结果看来， IE 7 的判断是错误的，在仔细看它的 userAgent 时会发现，里面除了 msie 7.0 之外，还包含了 msie 6.0，因此导致 jQuery.browser.version 的比对就有问题了。既然已经知道问题，那我们就能针对问题来解决。

第一种方式是比较直接的方式，先判断 userAgent 中如果有出现较高版本的话，那就是依该版本为主：

当要使用时，就能用 $.browser.msie6~10 来做判断处理了。另一种就是直接修正 jQuery.browser.version 的比对方式：

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script>
<script type="text/javascript">
 $(function() {
 var userAgent = window.navigator.userAgent.toLowerCase();

 $.browser.msie10 = $.browser.msie && /msie 10\.0/i.test(userAgent);
 $.browser.msie9 = $.browser.msie && /msie 9\.0/i.test(userAgent);
 $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent);
 $.browser.msie7 = $.browser.msie && /msie 7\.0/i.test(userAgent);
 $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6\.0/i.test(userAgent);

 $(".info").html(
  "<h3>userAgent:</h3>" + userAgent + "<br />" +
  "<h3>Is IE 10?</h3>" + $.browser.msie10 +
  "<h3>Is IE 9?</h3>" + $.browser.msie9 +
  "<h3>Is IE 8?</h3>" + $.browser.msie8 +
  "<h3>Is IE 7?</h3>" + $.browser.msie7 +
  "<h3>Is IE 6?</h3>" + $.browser.msie6
 );
 });
</script>

<body>
 <div class="info"></div>
</body>

经过这样的修正之后，当我们再使用 jQuery.browser.version 来判断时就能正确的显示 IE 的版号了。两种方式都有其方便性，就看各位要选择那一种来使用啰！

赞 (0)

相关推荐

  • js/jquery判断浏览器的方法小结

    JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator.mimeTypes 系统平台:navigator.platform 插件(数组):navigator.plugins 用户代理:navigator.userAgent js判断IE浏览器的四种方法: 方法一:

  • jquery判断浏览器类型的代码

    Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路. 主要使用的方法:$.browser.['浏览器关键字'] 复制代码 代码如下: $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); }

  • jQuery 1.9版本以上的浏览器判断方法代码分享

    废话不多说了,直接给大家贴代码了,具体代码如下所示: var matched, browser; jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || /(msi

  • Jquery判断IE6等浏览器的代码

    Jquery判断IE6的代码: 复制代码 代码如下: if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { //代码 } jquery 判断浏览器方法 jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用 jquery判断浏览器的源码(jquery1.

  • 原生javascript和jquery判断浏览器版本等信息

    复制代码 代码如下: <script type="text/javascript"> //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined; var bro_firefox=bro.mozilla;//判断是否为火狐浏览器:假如为火狐浏览器就返回:true,否则返回:un

  • jQuery下通过$.browser来判断浏览器.

    使用方法: $.browser.['浏览器关键字'] 复制代码 代码如下: $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); } else if($.browser.mozilla) { alert("this is mozilla!"); } else if($.br

  • JQUERY 浏览器判断实现函数

    建议学习jquery的朋友学习下,了解下思路.主要方法:$.browser.['浏览器关键字'] 代码: 复制代码 代码如下: <script type="text/javascript"> $(function() { if($.browser.msie) { $( function() { alert("this is msie"); }); } else if($.browser.safari) { $( function() { alert(&q

  • 使用jQuery判断IE浏览器版本的代码

    使用jQuery判断IE浏览器版本的代码

    IE还真是让设计师恨的牙痒痒的东西,且现在已经有IE6.IE7.IE8.IE9.IE10这个五种不同版本的浏览器,且都有一点小差异.但是没办法,为了让网页在每个浏览器中显示都一样还必须迁就它. 不过现在我基本上都不太愿意对低版本的IE去做兼容了.比如IE6.IE7这些直接忽略!IE8的话还凑合一下.好在IE9和IE10对网络标准支持都比较了,等IE9版本以上的浏览器普及以后就好很好了. 但是不做兼容归不做兼容,还是要简单的处理一下的.幸运的是 jQuery 提供了 browser 标记来让我们能

  • jquery判断当前浏览器的实现代码

    jquery判断当前浏览器的实现代码

    写了一个判断当前浏览器类型及版本的方法,只在IE 8/11 .谷歌 .360 浏览器(不完全)上测试过,需要用到jquery 核心代码: ;(function($, window, document,undefined){ if(!window.browser){ var userAgent = navigator.userAgent.toLowerCase(),uaMatch; window.browser = {} /** * 判断是否为ie */ function isIE(){ retu

  • js判断IE浏览器版本过低示例代码

    js判断IE浏览器版本过低示例代码

    弄了个很简单的例子判断IE浏览器版本是否过低 例子结构如下,其实一个页面加引入jquery就可以了,顺便弄了个标准结构(注意在IE6和IE7版本较低情况下下才看到它的提示效果)   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h

  • javascript 判断当前浏览器版本并判断ie版本

    javascript 判断当前浏览器版本并判断ie版本: 方便以后再次使用: 1.判断ie版本 //js判断Ie 版本 function IeVesion() { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s

  • jQuery判断邮箱格式对错实例代码讲解

    废话不多说了,具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>检测Email地址格式是否正确</title> <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"><

  • jquery判断密码强度的验证代码

    jquery判断密码强度的验证代码

    本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考.具体如下: 预想的效果截图如下: JS代码: $('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.

  • javascript 判断当前浏览器版本并判断ie版本

    javascript 判断当前浏览器版本并判断ie版本: <span style="font-size:18px;">方便以后再次使用:</span> <span style="font-size:18px;">1.判断ie版本</span> <pre name="code" class="javascript"><span style="font-s

  • 基于jquery的获取浏览器窗口大小的代码

    复制代码 代码如下: function getTotalHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; } else { return self.innerHeight; } } function getTotalWidth (){ if($.brows

  • 结合JQ1.9通过js正则判断各种浏览器版本的方法

    如下所示:$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());  $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());  $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());  $.browser.msie = /msie/.test(naviga

  • 用jQuery实现检测浏览器及版本的脚本代码

    如何用 Javascript 检测浏览器似乎是老生常谈的问题.根据本人的经验,使用 Javascript 检测浏览器无非使用两大类的方法. 其一,是使用使用浏览器的功能属性.比如检测浏览器是否支持 getElementById 方法就可以使用 if (document.getElementById) {     // the method exists, so use it here } else {     // do something else } 虽然这样的检测无法得知用户具体使用哪一种

随机推荐