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

版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.youkuaiyun.com/hatmore/article/details/37611911

ie8 引入了一个新的概念。“文档模式” ，页面的文档模式决定了。能够使用什么功能。

也就是说，”文档模式“，决定你了你能够使用哪个级别的css,在javascript能够使用哪些API,

以及怎样对待文档类型（doctype）。

两种方式改动: 

1. 通过 meta 标签改动,<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
2. 在server端改动, 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标头(或者在server)来指定你的页面支持的IE版本号。

使用document.documentMode判定页面的兼容性模式。

转载于:https://www.cnblogs.com/mqxnongmin/p/10736092.html