`
ice-cream
  • 浏览: 328391 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

QuirksMode 和 CSSCompat 模式 (Standards Mode)

阅读更多

对于document.compatMode ,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode 的 使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。
document.compatMode 正好派上用场,它有两种可能的返回值:BackCompat和CSS1Compat,对其解释如下:
BackCompat Standards-compliant mode is not switched on. (Quirks Mode)
CSS1Compat Standards-compliant mode is switched on. (Standards Mode)

在实际的项目中,我们还需要在获取浏览是否IE,这样就可以得到IE的渲染模式了。在Ext中的代码:isBorderBox=isIE&&!isStrict。



当文档有了标准声明时, document.compatMode 的值就等于 "CSS1compat", 因此, 我们可以根据 document.compatMode 的值来判断文档是否加了标准声明

var height = document.compatMode =="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;

 

转:http://hi.baidu.com/black8/blog/item/84e875dad1042fdcb7fd4866.html

分享到:
评论

相关推荐

    浏览器Quirksmode模式与CSSCompat模式

    (资料备考 暂时不明白也无关系) 今天偶然看到了一道题中有这样一段: 在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果 其实对于学习标准的人可能更多的人熟悉Quirksmode,也许很多人(对JS不太熟悉的...

    quirksmode

    浏览器 Quirksmode(怪异模式)与 CSS1compat 是一种浏览器渲染模式的概念,它们之间存在着一些区别和联系。Quirksmode 也称为 Compatibility Mode,是一种非标准的渲染模式,而 CSS1compat 则是标准的渲染模式,也...

    ie8自动设置 兼容性代码

    Standards Mode将被渲染为IE8 Standards Mode,而Quirks Mode则回退至IE5模式。 2. **EmulateIE7Mode**:类似于EmulateIE8Mode,但将Standards Mode渲染为IE7 Standards Mode。 3. **IE5Mode**:渲染内容类似于IE7...

    让你的网站IE8浏览自动用IE7兼容模式

    在IE6时代,有两种主要的编译模式:“Quirks mode”和“Standards mode”。Quirks mode是为了向后兼容旧版浏览器,而Standards mode则遵循当时的业界标准,如CSS和HTML规范。如果网页缺少<!DOCTYPE>声明,IE6默认...

    html-quirk-mode

    i have never heard of quirks mode before. Here is my experimeination with quirks mode. link to wiki page <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > within

    prettyPhoto---IE Quirks模式下的弹出窗口的好选择

    在“IE Quirks模式”下,这个库表现得相当出色,解决了许多浏览器兼容性问题,尤其是针对老版本的Internet Explorer。 "Quirks模式"是Internet Explorer早期版本为了向后兼容老版网页而设立的一种渲染模式。在该...

    javascript document.compatMode兼容性

    IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks...

    2022年web前端最全面试题及答案【含vue-react】.docx

    strict mode是最严格的解析模式,quirks mode是兼容老版本浏览器的模式,almost standards mode是介于strict mode和quirks mode之间的模式。 3. HTML、XHTML、XML有什么区别? HTML(HyperText Markup Language)...

    网页 DOCTYPE html标签的作用1

    不同的DOCTYPE会导致浏览器进入不同的渲染模式,这被称为“标准模式”(Standards Mode)或“ quirks mode ”(怪异模式)。在标准模式下,浏览器会严格按照指定的规范来解析和显示页面,而在quirks mode下,浏览器...

    document.compatMode介绍

    我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE...

    深入解析IE兼容模式问题

    例如,IE6的“Quirks mode”和“Standards mode”是为了平衡新旧功能,而IE7对全局选择器的支持则打破了原有的检测逻辑。IE8进一步扩展了这一概念,引入了更多的模式以兼容不同版本的渲染行为。 当网页无法在新的IE...

    浏览器模式与文档模式区别[参照].pdf

    不同的文档模式会使用不同的渲染规则,如标准模式(Standards Mode)和怪癖模式(Quirks Mode)。在标准模式下,浏览器遵循W3C的CSS和HTML标准;而在怪癖模式下,浏览器则模仿早期IE版本的行为,以兼容旧的、非标准...

    浅谈浏览器兼容性模式[按F12便知]

    面试官:请你谈谈标准(Standards)模式、怪异(Quirks)模式、准标准(Almost Standards)模式,当你打开IE9时候会看见,浏览器模式,文档模式,兼容性视图,这些又是什么? 好吧,一点点来:先明白一个词DTD(文档类型...

    CSS基础知识

    资源名称:CSS基础知识...为了实现这一点,他们创建了两种表现形式:标准模式和怪异模式(quirks mode)。怪异模式通常模拟老式浏览器(比如IE6,在标准模式中 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    html、CSS和js面试题

    Quirks 模式和 Standards 模式的主要区别在于盒模型、设置行内元素的高宽、设置百分比的高度和使用 margin:0 auto 设置水平居中等方面。 此外,我们还讨论了 div+css 布局和 table 布局的优点。div+css 布局的优点...

    2020年web前端最全面试题及答案【含vue-react】.docx

    文档解析类型有: quirks mode、limited quirks mode和no quirks mode 这三种模式是浏览器解析HTML文档时的不同行为方式。quirks mode(怪癖模式)模仿早期浏览器的行为,以兼容旧的、非标准的代码;limited quirks ...

    IE8浏览器如何确定文档模式.docx

    例如,怪异模式(quirks mode)和标准模式(standard mode)就是根据文档类型而定的。 X-UA-Compatible meta 标签和头部是 HTML 文档中的 meta 标签和 HTTP 响应头,它们可以指定浏览器使用哪种渲染模式来渲染网页...

    淘宝前端面试题

    - **严格模式(Standards Mode)**:遵循W3C制定的标准,所有浏览器按照统一的标准解析和渲染页面,减少浏览器之间的兼容性问题。 - **混杂模式(Quirks Mode)**:模拟早期浏览器的行为,比如IE5.5,这种模式下...

    由document.body和document.documentElement想到的

    其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在不声明Doctype的情况下,浏览器默认是Quirks Mode。所以为兼容性考虑,我们可能需要...

Global site tag (gtag.js) - Google Analytics