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;
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;
相关文章
- 【说站】mysql垂直切分的介绍
- 「专题介绍」抢滩未来 音视频引领新趋势
- gt包绘制表格详细介绍!
- Java注解的介绍和反射使用
- 达观桂洪冠:海量文本中挖掘人物关联关系核心技术介绍
- MySQL 系统指南:完整综合介绍(mysql大全)
- document.designMode的功能与使用方法介绍
- document.getElementById介绍
- js中document.getElementByid、document.all和document.layers区分介绍
- MYSQL事件查看器使用介绍
- Android中库项目的使用方法图文介绍
- jqueryclick([data],fn)使用方法实例介绍
- python中?:三元表达式的使用介绍
- document.forms用法示例介绍
- oracle截取字符(substr)检索字符位置(instr)示例介绍