测试当前IE浏览器文档模型版本的js代码(使用documenMode)

除了按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式以外, 还可以通过js来查看当前页面使用的文档模式, 主要就是用文档兼容性模式属性(documenMode)来判断.

代码如下:

    <html>
      <head>
        <title>my documentmode version is </title>
        <META http-equiv="X-UA-Compatible" content="IE=7" > </META>
            <script language="javascript">
                function Demo() {                     
                      alert(document.title + " " + document.documentMode);
                }
            </script> 
       </head>
      <BODY onload="Demo()">    
      </BODY>
    </html>

为了模拟不同的ie版本, 在title下面添加<META http-equiv="X-UA-Compatible" content="IE=7" > </META>, 须放在紧挨着title下面的一行.

当设置IE=7时, documentMode=7; 如果IE=8, documentMode=8; 如果是IE9, 则documentMode=9

如果当前机器上安装的是ie9, 即使你把它改为IE=10, documentMode也还是等于9; 如果设置IE=5或者IE=6, 则documentMode始终等于5, 也就是怪异Quirks模式.

参考文档:

1.documentMode property

http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx

2.Document documentMode Property

http://www.w3schools.com/jsref/prop_doc_documentmode.asp

3.IE的documentMode属性

http://www.css88.com/archives/4768

posted on 2013-05-08 13:40 BobLiu 阅读(2240) 评论(0) 编辑收藏举报