首页 > 代码库 > 全栈JavaScript之路( 二十二 )IE 专有扩展——文档模式

全栈JavaScript之路( 二十二 )IE 专有扩展——文档模式

ie8 引入了一个新的概念,“文档模式” ,页面的文档模式决定了,可以使用什么功能。也就是说,”文档模式“,决定你了你可以使用哪个级别的css,在javascript可以使用哪些API,

以及如何对待文档类型(doctype)。


两种方式修改: 

  1. 通过 meta 标签修改,<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  2. 在服务器端修改, res.setHeader("X-UA-Complatible","EmulateIE7") //node.js



var mode = document.documentMode;


知道页面采用的是什么文档模式,有助于理解页面的行为方式。无论在什么文档模式下,都可以访问这个属性。

在IE 11 中 mode 的值可能是  5,7,8,9,10,11


Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE10,始终保持以IE10标准模式渲染页面。对于IE11,则以IE11 标准模式渲染页面。


 EmulateIE9:如果有文档类型声明,则以IE9 标准模式渲染页面,否则将文档模式设置为IE5。
 EmulateIE8:如果有文档类型声明,则以IE8 标准模式渲染页面,否则将文档模式设置为IE5。
 EmulateIE7:如果有文档类型声明,则以IE7 标准模式渲染页面,否则将文档模式设置为IE5。
 9:强制以IE9 标准模式渲染页面,忽略文档类型声明。
 8:强制以IE8 标准模式渲染页面,忽略文档类型声明。
 7:强制以IE7 标准模式渲染页面,忽略文档类型声明。
 5:强制将文档模式设置为IE5,忽略文档类型声明。


使用X-UA-Compatible标头(或者在服务器)来指定你的页面支持的IE版本。使用document.documentMode判定页面的兼容性模式。