`

document.compatMode介绍

阅读更多
用法:p = object.compatMode

Property values
Type: String
BackCompat
Standards-compliant mode is not switched on.
CSS1Compat
Standards-compliant mode is switched on.


备注:

当Standards-compliant开启的时候(也叫“strict mode”),IE会按照w3c的标准对文档进行渲染。当Standards-compliant关闭的时候(也叫“quirks mode”),文档将按照IE之前版本的浏览器进行渲染。

compatMode属性在IE8中已经废弃,而是支持documentMode属性


在IE6或以后的版本,通过在文档的上方加入!DOCTYPE声明进行开启standards-compliant 模式

例子:

例一:
本例子的compatMode属性返回BackCompat,文档声明如下,文档声明并没有开启standards-compliant mode,因为它并没有指明Transitional HTML 4.0 DTD的url地址
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/compatModeCompat.htm

[b]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">[/b]


例二:

compatMod属性返回CSS!Compat,文档声明如下,文档声明开启了standards-compliant模式,因为它指明了Transitional HTML 4.0 DTD的url地址

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/CompatModeCompliant.htm

[b]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">[/b]
分享到:
评论

相关推荐

    javascript document.compatMode兼容性

    档模式在开发中貌似很少用到,最常见的是就是在获取页面宽高的时候,比如文档宽高,可见区域宽高等。

    document.compatMode的CSS1compat使用介绍

    主要介绍了document.compatMode的CSS1compat使用,需要的朋友可以参考下

    由document.body和document.documentElement想到的

    对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standards Mode和Quirks Mode是有很大...

    取得窗口大小 兼容所有浏览器的js代码

    = “number”){ if(document.compatMode == “number”){ pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; }else{ pageWidth = document.body.clie

    jQuery中使用了document和window哪些属性和方法小结

    document.compatMode 获取当前文档的渲染方式。返回值:BackCompat(怪癖模式)和CSS1Compat(标准模式)。 由于IE 8多达五种渲染模式,所以判断是否是怪癖模式需要借助于IE独有的document.documentMo

    基于jquery的获取浏览器窗口大小的代码

    代码如下: function getTotalHeight(){ if($.browser.msie){ return document.compatMode == “CSS1Compat”? document.documentElement.clientHeight : document.body.clientHeight; } else { return self....

    JS 遮照层实现代码

    1.先上效果图:2.使用方法: 初始化:Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}); 显示:Overlayer.Show();或Overlayer.Initialize({ZIndex:... if(document.compatMode==’BackCompat’) { obj=d

    ExtJS判断IE浏览器类型的方法

    代码在ext里的src\core\ext.js下... }, isStrict = document.compatMode == “CSS1Compat”, isOpera = check(/opera/), isChrome = check(/chrome/), isWebKit = check(/webkit/), isSafari = !isChrome && check(/saf

    兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现

    var isStrict=document.compatMode==”CSS1Compat”, isOpera=ua.indexOf(“opera”)&gt;-1, isSafari=(/webkit|khtml/).test(ua), isIE=ua.indexOf(“msie”)&gt;-1, isIE7=ua.indexOf(“msie 7”)&gt;-1, isGeck

    页面刷新时记住滚动条的位置jquery代码

    @*点击按钮页面刷新的时候 记住滚动条的位置*@ 代码如下: [removed] [removed] = function () { ... } else if (typeof document.compatMode != ‘undefined’ && document.compatMode != ‘BackCompat’) { scrollPo

    鼠标移到图片上变大显示而不是放大镜效果

    if (document.compatMode==’CSS1Compat’) return document.documentElement.clientHeight; if (document.body) return document.body.clientHeight; return window.undefined; } function getVie

    html5指南-2.如何操作document metadata

    compatMode:获取当前document的兼容模式; cookie:获取或者设置当前document的cookie对象; defaultCharset:获取浏览器默认的编码方式; defaultView:获取当前当前document的window对象; dir:获取或者设置...

    jquery 得到当前页面高度和宽度的两个函数

    代码如下://======需引用jquery框架======// //返回当前页面高度 function pageHeight(){ if($.browser.msie){ return document.compatMode == “CSS1Compat”? document.documentElement.clientHeight : document....

    富文本编辑框

    _QUIRKS = document.compatMode != 'CSS1Compat', _IERANGE = !window.getSelection, _matches = /(?:msie|firefox|webkit|opera)[\/:\s](\d+)/.exec&#40;_ua&#41;, _V = _matches ? _matches[1] : '0', _TIME ...

    百度地图毕业设计源码-Front-End-interview-questions:整理收集常见前端面试问题及一些知识点

    百度地图毕业设计源码 1. Front-End-interview-questions 分享请标记出处: ...声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。 如果你是使用最新标准编写的页面但未给出 DOCTYPE 声明,这时就可

    php跳转类 model

    //define('STYLE_PATH',str_replace($_SERVER['DOCUMENT_ROOT'],'',ROOT_DIR)); ?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; ...

    js如何判断不同系统的浏览器类型

    } return { //判断环境,操作系统、浏览器、是否是https连接等 DOC : document, isStrict : DOC.compatMode == “CSS1Compat” , isOpera : check(/opera/) , isChrome : check(/\bchrome\b/) , isWebKit : check(/...

Global site tag (gtag.js) - Google Analytics