关于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