document.compatMode

document.compatMode  获得文档模式,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别

两种模式:
当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;
当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth。
浏览器客户区高度、滚动条高度、滚动条的Left、滚动条的Top等等都是上面的情况。

一个准确获取网页视窗宽高、滚动条宽高、滚动条Left和Top的代码:
if (document.compatMode == "BackCompat") {    怪异模式

cWidth = document.body.clientWidth;

cHeight = document.body.clientHeight;

sWidth = document.body.scrollWidth;

sHeight = document.body.scrollHeight;

sLeft = document.body.scrollLeft;

sTop = document.body.scrollTop;

}else { //document.compatMode == "CSS1Compat"   标准模式

cWidth = document.documentElement.clientWidth;

cHeight = document.documentElement.clientHeight;

sWidth = document.documentElement.scrollWidth;

sHeight = document.documentElement.scrollHeight;

sLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft;

sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop;

}

时间: 2024-10-15 13:48:23

document.compatMode的相关文章

document.compatMode属性

document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容模式开启. 当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth:当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth. 浏览器客户区高度.滚动条高度.滚

关于 document.compatMode

今天查资料时无意发现一个以前没有注意到过的属性:document.compatMode 经过一番资料的查询后,了解到以下信息: 我们都知道IE有两种盒子模型,在不声明 !DOCTYPE 时是混杂模式 (Quirks Mode),在声明了 !DOCTYPE 时与其他标准浏览器一致,是标准模式 (Standards Mode) document.compatMode 有两个属性值: BackCompat ----- 表示标准规范模式关闭,即当前为混杂模式 (Quirks Mode),此时浏览器客户区

document.compatMode,quirks mode and standards mode

Document.compatMode Indicates whether the document is rendered in Quirks mode or Standards mode. SyntaxEDIT mode = document.compatMode ValuesEDIT "BackCompat" if the document is in quirks mode; "CSS1Compat" if the document is in no-qui

javascript document.compatMode属性

文档模式在开发中貌似很少用到,最常见的是就是在获取页面宽高的时候,比如文档宽高,可见区域宽高等. IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode.所以为兼容性考虑,我们可能需要获取当前的文档渲染方式. document.compatMode正好派上用场,它有两种可能的

artDialog Error: document.compatMode === "BackCompat 报错原因

今天在使用artDialog的时候报错了提示artDialog Error: document.compatMode === "BackCompat 查了网上说 可以设置<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">或者把XHTML4.0换成1.0 但

document.compatMode属性和获取鼠标的位置

document.compatMode属性 document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容模式开启. 当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth:当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientW

了解document.compatMode属性

这是前端那些事儿看的,我引用过来,方便自己以后翻看,查询 document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容模式开启. 当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth:当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.

document.documentElement和document.body 与document.compatMode的关系

首先我们看看document.compatMode(兼容模式): document.compatMode它有两种可能的返回值:BackCompat和CSS1Compat, document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声

关于js里的document.compatmode

document.compatmode为获取页面的渲染模式. 其中有两个渲染模式 1.CSS1Compat(标准模式).浏览器宽度:document.documentElement.clientHeight 2.怪异模式(BackCompat).浏览器宽度:document.body.clientHeight document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.bod