全栈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判定页面的兼容性模式。
以及如何对待文档类型(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判定页面的兼容性模式。
相关文章推荐
- [Web开发] IE文档模式终极指南
- IE文档模式和浏览器模式的为什么和怎么样的思考
- IE中“浏览器模式”和“文档模式”的区别
- IE的文档模式, 及Textarea呈现bug一例
- [HTML][IE兼容性]IE中“浏览器模式”和“文档模式”的测试
- [Web开发] IE文档模式终极指南 推荐
- 再谈IE的浏览器模式和文档模式
- IE对文档的解析模式及兼容性问题
- IE的浏览器模式和文档模式
- 关于IE的浏览器模式和文档模式
- 定义IE的文档兼容模式
- IE9文档模式与HTML解析
- 如何理解 IE 的文档兼容模式
- 如何定义IE的文档兼容模式
- IE设置文档模式和浏览器模式
- 关于 IE的文档模式的指定
- IE的浏览器模式和文档模式
- IE的浏览器模式与文档模式
- 再谈IE的浏览器模式和文档模式
- 再谈IE的浏览器模式和文档模式