您的位置:首页 > Web前端 > JavaScript

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

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

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

两种方式修改: 

通过 meta 标签修改,<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
在服务器端修改, 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判定页面的兼容性模式。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息