简洁短小的 JavaScript IE 浏览器判定代码
更新时间：2010年03月21日 23:39:41 作者：
IE浏览器不管是什么版本，总是跟Web标准有些不太兼容。对于代码工作者来说，自然是苦不堪言，为了考虑IE的兼容问题，不管是写 CSS 还是 JS，往往都要对 IE 特别对待，这就少不了做些判断。本文不讨论如何区分 IE 的样式，仅是 JS 判定 IE 浏览器。
这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自俄罗斯！它已经在各版本的 IE 以及目前其他流行的浏览器上经过测试，基于 IE 的 Bug，微软虽然已经意识到，但是从来没有纠正过。
<script type='text/javascript'>
var ie = !-[1,];
alert(ie);
</script>
以上代码运行结果：IE 下返回true，其他标准浏览器返回false。!-[1,]，仅仅只有 6 bytes！
不过如果反过来判断，标准浏览器返回 true 而 IE 返回 false的话，则可以再缩短一个byte。
<script type='text/javascript'>
notIe = -[1,];
if(-[1,]){
// 标准浏览器代码
}else{
// IE Only的代码
}
</script>
看完了这些，你们是不是很好奇这些是怎么运行的？请继续看下文。
这个 Bug 产生的原因是 IE 会添加一个空数组元素到数组元素的总数里。
[1,]. Length标准浏览器会返回 1 (基于标准的 ECMAscript ，在数组最后的逗号”,”会被忽略，这是为了方便在一列里显示以及自动生成等)，但是 IE 会返回 2。当你打印这个数组的时候 IE 将会返回 “1, “，也就是两个元素，而其他标准浏览器将会返回 “1″。
这很容易验证，比如在 IE 和 FF中运行以下代码：
<script type='text/javascript'>
alert([,]==',');
//这是8个字符判定IE
</script>
[1,]实际上浏览器的操作是toString()转换成字符串的操作，-[1,]是将字符串强制转换为数字。而 IE 将会返回 NaN，但是遗憾的是 NaN 并不是一个数字，因为[1,]转换成字符串后的”1,”里面带有逗号。而其他标准浏览器会返回 -1，这是一个非 0 的数字。
你知道，NaN 转换成 Boolean 型将返回 false，所以-[1,]在 IE 下将返回 false。而任何非 0 的数字转换成 Boolean 型(例如-1)，在 标准浏览器下都将返回 true。所以我们得到了一个判定结果，!-[1,]在 IE 下返回true，而在其他标准浏览器下返回 false。也就达到了区分判定 IE 浏览器的目的。
当然，如前文所说，这个 Bug 其实微软很早就已经知道，但是却一直没有去修复它，所以在未来的 > IE8 的 IE 浏览器也就不确定是否依旧可以，不过基本上这么多代的 IE 都没有修复，未来的 IE 也不太会去修复的样子。
以下是其他的一些区分判定 IE 浏览器的代码，也可以参考下:
<script type='text/javascript'>
// Option from Dean Edwards:
var ie = /*@cc_on!@*/false;
// Use the commented line:
var ie//@cc_on=1;
// Variation (shorter variable):
var ie = '\v'=='v';
/ / Option to Gareth Hayes (former record-holder):
var ie = !+"\v1";
</ script>
复制代码 代码如下:
<script type='text/javascript'>
var ie = !-[1,];
alert(ie);
</script>
以上代码运行结果：IE 下返回true，其他标准浏览器返回false。!-[1,]，仅仅只有 6 bytes！
不过如果反过来判断，标准浏览器返回 true 而 IE 返回 false的话，则可以再缩短一个byte。
复制代码 代码如下:
<script type='text/javascript'>
notIe = -[1,];
if(-[1,]){
// 标准浏览器代码
}else{
// IE Only的代码
}
</script>
看完了这些，你们是不是很好奇这些是怎么运行的？请继续看下文。
这个 Bug 产生的原因是 IE 会添加一个空数组元素到数组元素的总数里。
[1,]. Length标准浏览器会返回 1 (基于标准的 ECMAscript ，在数组最后的逗号”,”会被忽略，这是为了方便在一列里显示以及自动生成等)，但是 IE 会返回 2。当你打印这个数组的时候 IE 将会返回 “1, “，也就是两个元素，而其他标准浏览器将会返回 “1″。
这很容易验证，比如在 IE 和 FF中运行以下代码：
复制代码 代码如下:
<script type='text/javascript'>
alert([,]==',');
//这是8个字符判定IE
</script>
[1,]实际上浏览器的操作是toString()转换成字符串的操作，-[1,]是将字符串强制转换为数字。而 IE 将会返回 NaN，但是遗憾的是 NaN 并不是一个数字，因为[1,]转换成字符串后的”1,”里面带有逗号。而其他标准浏览器会返回 -1，这是一个非 0 的数字。
你知道，NaN 转换成 Boolean 型将返回 false，所以-[1,]在 IE 下将返回 false。而任何非 0 的数字转换成 Boolean 型(例如-1)，在 标准浏览器下都将返回 true。所以我们得到了一个判定结果，!-[1,]在 IE 下返回true，而在其他标准浏览器下返回 false。也就达到了区分判定 IE 浏览器的目的。
当然，如前文所说，这个 Bug 其实微软很早就已经知道，但是却一直没有去修复它，所以在未来的 > IE8 的 IE 浏览器也就不确定是否依旧可以，不过基本上这么多代的 IE 都没有修复，未来的 IE 也不太会去修复的样子。
以下是其他的一些区分判定 IE 浏览器的代码，也可以参考下:
复制代码 代码如下:
<script type='text/javascript'>
// Option from Dean Edwards:
var ie = /*@cc_on!@*/false;
// Use the commented line:
var ie//@cc_on=1;
// Variation (shorter variable):
var ie = '\v'=='v';
/ / Option to Gareth Hayes (former record-holder):
var ie = !+"\v1";
</ script>
相关文章
这篇文章主要介绍了JavaScript操作URL的相关内容集锦的相关资料,需要的朋友可以参考下2015-10-10
getElementByIdx_x js自定义getElementById函数
最近看JS代码，发现不少人问getElementByIdx_x是什么函数，其实就是个getElementById自定义函数2012-01-01
这篇文章主要介绍了基于JavaScript实现仿京东图片轮播效果，代码简单易懂，需要的小伙伴参考下吧2015-11-11
相信大家应该都知道ts只允许数组中包括一种数据类型的值,下面这篇文章主要给大家介绍了关于typeScript中数组类型定义及应用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
众所周知JS中new的作用是通过构造函数来创建一个实例对象，这篇文章主要给大家介绍了关于JavaScript中实现new的两种方式引发的相关资料，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
JavaScript 判断iPhone X Series机型的方法
这篇文章主要介绍了JavaScript 判断iPhone X Series机型的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
网站信任度：一方面指浏览者对于站点的信任程度,另一方面指搜索引擎对于网站的信任值（TrustRank）,网站信任度对于企业站点更为重要.在得到更高信任度的同时,流量更容易转化为实在的收入.2008-10-10
本文主要介绍了基于uni-app开发刻度尺组件的实现示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
需要隐藏input file然后获取它的值，但连jquery都无法获取它的值，下面与大家分享下使用js的具体获取方法，感兴趣的朋友可以参考下哈2013-05-05
下面小编就为大家带来一篇给easyui的datebox控件添加清空按钮的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论