关于IE浏览器的mode

IE浏览器从IE8开始新增了一个获取的文档模式(document mode)属性：documentMode。

一般的获取文档模式可以这么写： var mode= document.documentMode;

它在各个IE浏览器下的值如下表：

浏览器版本	IE6	IE7	IE8	IE8兼容模式	IE9	IE9兼容模式	IE10	IE10兼容模式
值	undefined	undefined	8	7	9	7 or 8	10	7 or 8 or 10

 

 

 

除此之外，在IE的怪异模式(Quirks Mode)下，document.documentMode==5。

以前，我通过JavaScript取得浏览器的版本号的时候，用的是如下方法

//get IE version.
//if not IE ,return 0
function getIEVersion() {
    var ua = navigator.userAgent; 
    var version = ua.indexOf("MSIE "); 
    if (version < 0) {
        return 0;
    }
    return parseFloat(ua.substring(version + 5, ua.indexOf(";", version)));
}

后来在一次项目中，发现根据上面取得浏览器版本，设置页面的时候没起到效果。这才发现【文档模式】这个玩意儿。

如果我们在jsp中加入如下代码：

<meta http-equiv="x-ua-compatible" content="IE=8;" />

然后我们用IE7来打开这个页面，通过getIEVersion()方法取到的结果依然是7，

但是实际上取到的documentMode为8，而页面也是按照IE8模式去解析的。

 

于是乎有网友提供了如下判断IE版本的办法：

var ieMode=document.documentMode;
var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE7=isIE&&!isIE6&&!ieMode||ieMode==7;
var isIE8=isIE&&ieMode==8;
var isIE9=isIE&&ieMode==9;
var isIE10=isIE&&ieMode==10;

 

与documentMode相关联的还有一个compatMode属性。

compatMode属性的唯一使命就是：表示浏览器处于什么模式。

如果是标准模式，则document.compatMode的值等于“CSS1Compat”
如果是怪异模式，则document.compatMode的值等于“BackCompat”

 

 

参考资料：

http://yiminghe.iteye.com/blog/802021