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

标签：兼容   x-ua-compatible   documentmode   

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 专有扩展——文档模式,布布扣,bubuko.com

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

标签：兼容   x-ua-compatible   documentmode   

原文地址：http://blog.csdn.net/liveinjs/article/details/37611911