简洁短小的 JavaScript IE 浏览器判定代码


Posted in Javascript onMarch 21, 2010

这个目前世界上最短的 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>
Javascript 相关文章推荐
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
用js实现放大镜效果
Oct 28 Javascript
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 Vue.js
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
Mar 21 #Javascript
锋利的jQuery jQuery中的DOM操作
Mar 21 #Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 #Javascript
jquery 可拖拽的窗体控件实现代码
Mar 21 #Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 #Javascript
javascript qq右下角滑出窗口 sheyMsg
Mar 21 #Javascript
js 居中漂浮广告
Mar 21 #Javascript
You might like
静态的动态续篇之来点XML
2006/08/15 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
js中replace的用法总结
2013/12/27 Javascript
7个JS基础知识总结
2014/03/05 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
前端微信支付js代码
2016/07/25 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
python实现员工管理系统
2018/01/11 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
Unix里面如何在后台运行程序
2016/10/14 面试题
精细化工应届生求职信
2013/11/17 职场文书
教师实习自我鉴定
2013/12/13 职场文书
物流仓管员工作职责
2014/01/06 职场文书
《骑牛比赛》教后反思
2014/04/22 职场文书
世界红十字日活动总结
2015/02/10 职场文书
工会积极分子个人总结
2015/03/03 职场文书
演讲稿之开卷有益
2019/08/07 职场文书