zl程序教程

您现在的位置是:首页 >  其它

当前栏目

document.compatMode介绍

介绍 Document
2023-06-13 09:14:09 时间
今天在ext中看到document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在StandardsMode和QuirksMode是有很大差别的,在StandardsMode下对于盒模型的解释和其他的标准浏览器是一样,但在QuirksMode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是QuirksMode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。
document.compatMode正好派上用场,它有两种可能的返回值:BackCompat和CSS1Compat,对其解释如下:
BackCompatStandards-compliantmodeisnotswitchedon.(QuirksMode)
CSS1CompatStandards-compliantmodeisswitchedon.(StandardsMode)
在实际的项目中,我们还需要在获取浏览是否IE,这样就可以得到IE的渲染模式了。在Ext中的代码:isBorderBox=isIE&&!isStrict。
当文档有了标准声明时,document.compatMode的值就等于"CSS1compat",因此,我们可以根据document.compatMode的值来判断文档是否加了标准声明
varheight=document.compatMode=="CSS1Compat"?document.documentElement.clientHeight:document.body.clientHeight;