用javascript判断IE版本号简单实用且向后兼容
更新时间：2013年09月11日 08:41:03 作者：
项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断于是就看到一老外写的一段代码，下面与大家分享下
今天一个项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断（它推荐特性检测），于是就看到一老外写的一段代码：
var _IE = (function(){
var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');
while (
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
all[0]
);
return v > 4 ? v : false ;
}());
这段代码着实巧妙！既简介、有向后兼容！一般做法都是：正则搜索 USER_AGENT ；
但因为历史原因， USER_AGENT 一直都不准确，而且被各大厂商改的乱七八糟。
比如：
IE10 : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
IE11 : Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko
这都是些什么乱七八糟的什么字符串啊。。。鬼知道 IE12会变成什么！！！
所以使用特性检测、或者USER-AGENT检测既不可靠，也不向后兼容！
强烈推荐上述代码！
——————————————————————-
以前刚学会编程的时候，感觉自己知道的挺多，有很多东西可以写；
可真正深入学习很多知识之后，却痛苦的发现自己知道的实在是太少了！想写点什么，却很难下笔。
复制代码 代码如下:
var _IE = (function(){
var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');
while (
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
all[0]
);
return v > 4 ? v : false ;
}());
这段代码着实巧妙！既简介、有向后兼容！一般做法都是：正则搜索 USER_AGENT ；
但因为历史原因， USER_AGENT 一直都不准确，而且被各大厂商改的乱七八糟。
比如：
复制代码 代码如下:
IE10 : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
IE11 : Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko
这都是些什么乱七八糟的什么字符串啊。。。鬼知道 IE12会变成什么！！！
所以使用特性检测、或者USER-AGENT检测既不可靠，也不向后兼容！
强烈推荐上述代码！
——————————————————————-
以前刚学会编程的时候，感觉自己知道的挺多，有很多东西可以写；
可真正深入学习很多知识之后，却痛苦的发现自己知道的实在是太少了！想写点什么，却很难下笔。
相关文章
这篇文章主要介绍了JavaScript如何禁止Backspace键，可以帮助大家解决“只读输入框在IE下按下Backspace键回退到前一个页面”的问题，感兴趣的小伙伴们可以参考一下2015-12-12
本文为大家详细介绍下javascript中绑定与解绑函数在Ie及Mozilla中的应用，感兴趣的各位可以参考下哈，希望对大家有所帮助2013-06-06
地图定位 图吧地图定位 附javascript源码每行都有注释2010-04-04
这篇文章主要给大家介绍了关JS 箭头函数的this指向，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-11-11
js类中获取外部函数名的方法...2007-08-08
下面小编就为大家带来一篇JavaScript排序算法动画演示效果的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了在线所见即所得HTML编辑器的实现原理浅析,本文用初始化、打开编辑功能、获取编辑器的内容、增加样式设置、再进一步等步骤阐述在线编辑器的基本实现原理,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了小程序使用wxs解决wxml保留2位小数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要给大家介绍了关于uniapp小程序实现瀑布流布局的思路与代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
数组对象自带方法想必大家都有所耳闻,今天主要为大家介绍下JavaScript中数组对象的那些自带方法，感兴趣的你可以参考下哈，希望可以帮助你学习javascript2013-03-03
最新评论