document.compatMode介绍


Posted in Javascript onMay 21, 2009

今天在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;

Javascript 相关文章推荐
表单填写时用回车代替TAB的实现方法
Oct 09 Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
layui复选框限制选择个数的方法
Sep 18 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
各种常用浏览器getBoundingClientRect的解析
May 21 #Javascript
简单的js分页脚本
May 21 #Javascript
input+select(multiple) 实现下拉框输入值
May 21 #Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 #Javascript
Javascript 兼容firefox的一些问题
May 21 #Javascript
鼠标经过的文本框textbox变色
May 21 #Javascript
jQuery 性能优化指南(3)
May 21 #Javascript
You might like
php将textarea数据提交到mysql出现很多空格的解决方法
2014/12/19 PHP
php的sso单点登录实现方法
2015/01/08 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
JQuery写动态树示例代码
2013/07/31 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
2018/06/28 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
解析JS在获取当前月的最后一天遇到的坑
2019/08/30 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
用JS实现选项卡
2020/03/23 Javascript
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
Python argv用法详解
2016/01/08 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
Python批量提取PDF文件中文本的脚本
2018/03/14 Python
Python 寻找局部最高点的实现
2019/12/05 Python
关于pytorch中全连接神经网络搭建两种模式详解
2020/01/14 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
Python urllib3软件包的使用说明
2020/11/18 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
《诚实与信任》教学反思
2014/04/10 职场文书
青奥会口号
2014/06/12 职场文书
旅行社优秀创业计划书
2014/08/16 职场文书
寒山寺导游词
2015/02/03 职场文书
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android