IE指定文档模式 -

tomhat

浏览: 509322 次
性别:
来自: 北京

最近访客更多访客>>

ct_xiao0310

lougnib

tar1

hwp81226

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

IE指定文档模式

博客分类：

web前端
javascript
html

ie 浏览器 web html5 html

对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。

本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后，可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。

Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方式。例如，

IE5 模式呈现内容时，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。

IE7 模式呈现内容时，无论页面是否包含 <!DOCTYPE> 指令，都像是使用了 Windows Internet Explorer 7 的标准模式。

EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。

IE8 模式最大限度地支持行业标准（包括 W3C Cascading Style Sheets Level 2.1 Specification 和 W3C Selectors API，并能有限支持 W3C Cascading Style Sheets Level 3 Specification（工作草案）。

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。对于 Windows Internet Explorer 8，这与 IE8 模式是等效的。如果（假定）Windows Internet Explorer 的未来版本支持更高级别的兼容模式，设置为 Edge 模式的页面将显示在由该版本支持的最高级别模式中；但是，当使用 Windows Internet Explorer 8 查看时，这些相同的页面仍将显示在 IE8 模式中。由于在 Windows Internet Explorer 的未来版本中呈现页面内容可能出现意外，建议 Web 开发人员将 Edge 模式仅用于测试页面和其他非生产活动。

要为网页指定文本模式，请使用 META 元素，以在该网页中包含 X-UA-Compatible http-equiv 标头。以下示例指定了 EmulateIE7 模式兼容性。

HTML：

<html>
      <head>
      <!-- Mimic Internet Explorer 7 -->
         <title>我的网页</title>
         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      </head>
      <body>
         <p>内容在此处。</p>
      </body>
</html>

Content 属性指定了该页面的模式；例如，要模仿 Windows Internet Explorer 7 的行为，请指定 IE=EmulateIE7。同样，可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。

X-UA-compatible 标头不区分大小写；但是，它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头（HEAD 部分）中

使用脚本确定文本兼容性模式

engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer"){
      // 这是一个 IE 浏览器。引擎处于哪种模式下？
      if (document.documentMode){ // IE8
         engine = document.documentMode;
      }else{ // IE 5-7
         engine = 5; // 假设为 quirks 模式；除非另外证实是其他模式
         if (document.compatMode){
            if (document.compatMode == "CSS1Compat")
               engine = 7; // 标准模式
         }
      }
      // 引擎变量现在包含文本兼容性模式。
}

IE9是支持HTML5的可以这样指定文档模式
head中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<script type="text/javascript">
if (window.navigator.appName == "Microsoft Internet Explorer"){
      if (document.documentMode <= 9){ // IE6 IE7 IE8
         engine = 9;
      }else{ // >IE9
         engine = document.documentMode; 
      }
}
</script>

分享到：

CMD命令大全 | JS判断鼠标向上滚动还是向下滚动

2015-10-15 15:21
浏览 1013
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

IE指定文档模式

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

IE指定文档模式

评论

发表评论

相关推荐

jquery-chosen.js示例使用方法

jquery-validate示例使用方法

JavaScript SizeToHuman 大小转换为mb kb tb等

javascript 监听键盘事件

js去除字符串中的html标签，替换"为'

JavaScript从数组中删除指定值元素的方法

安装nodejs oraclejet

CSS几种特效整理

javascript 生成随机码或随机数

js 一些知识,js获取contxtPath

JS判断鼠标向上滚动还是向下滚动

js验证组织机构代码

JSP和JSTL获取服务器参数

JS,Jquery获取各种屏幕的宽度和高度,clientX,offsetX,在父窗口中获取iframe中的元素

javascript 保留2位小数

如何在一个页面上让多个jQuery版本共存

Spring MVC @RequestBody接收JSON报HTTP 415/400问题的解决

JavaScript中实现replaceAll方法

javascript Date Format

CSS控制文字只显示一行，超出部分显示省略号

最近访客更多访客>>