全栈JavaScript之路( 二十二 )IE 专有扩展——文档模式
版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/hatmore/article/details/37611911
ie8 引入了一个新的概念。“文档模式” ,页面的文档模式决定了。能够使用什么功能。
也就是说,”文档模式“,决定你了你能够使用哪个级别的css,在javascript能够使用哪些API,
以及怎样对待文档类型(doctype)。
两种方式改动:
- 通过 meta 标签改动,<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
- 在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判定页面的兼容性模式。