全栈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判定页面的兼容性模式。

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