js中的文档模式-document.compatMode
来源：WEB前端开发 发布时间：2009-08-14 20:30:00
今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。
IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。
document.compatMode正好派上用场，它有两种可能的返回值：BackCompat和CSS1Compat。
BackCompat：标准兼容模式关闭。浏览器客户区宽度是document.body.clientWidth;CSS1Compat：标准兼容模式开启。 浏览器客户区宽度是document.documentElement.clientWidth。
那么写了个准确获取网页客户区的宽高、滚动条宽高、滚动条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;
}
0
投稿猜你喜欢
本文实例为大家分享了Python+Opencv实现图像匹配功能的具体代码，供大家参考，具体内容如下1、原理简单来说，模板匹配就是拿一个模板（- 读取十万多条文本写入SQLite类型数据库，由于文本中存在中文字符，插入到数据库没错，取出时一直是UnicodeDecodeError，导致
- GO项目目录解释src存放源代码pkg编译后生成的文件bin编译后生成的可执行文件背景在src目录下，新建文件test.go，编写代码。控制
- 提示：本文多图，请手机端注意流量。前言利用python做图片识别，识别提取图片中的文字会有很多方法，但是想要简单一点怎么办，那就可以使用te
- clone 一个新项目，发现导包的时候出错 …原因可能是 pycharm 的根目录设置不对。设置根目录的步骤 如下 ：来源：https://
- 这个是今年年初写的一篇，拿出来温习下。指针让程序结构变得混乱，也让程序执行效率提高，因此在oo的语言中不提倡指针的使用，使得程序结构清晰易读
- JavaScript中，对象的extensible属性用于表示是否允许在对象中动态添加新的property。ECMAScript 3标准中，
- 引言最近刚刚用python写完了一个解析protobuf文件的简单编译器，深感ply实现词法分析和语法分析的简洁方便。乘着余热未过，头脑清醒
- 下面这段代码是兼容IE的图片切换代码，请问各位老鸟如何兼容FF，或者有相类似无按钮无数字兼容FF的图片切换代码？<!DOCTYPE h
- 作为语言模型和文本挖掘中的常用工具，Word2Vec也可以用来构建聊天机器人。在本文中，我们将使用Python和Gensim库从头开始构建一
- 前言本文主要给大家介绍了关于Yii2结合Workerman的websocket的相关内容，两者都是好东西，我就想着能不能结合起来，这样Yii
- sys.argv[]说白了就是一个从程序外部获取参数的桥梁，这个“外部”很关键，所以那些试图从代码来说明它作用的解释一直没看明白。因为我们从
- 在 Python 2.5 中， with 关键字被加入。它将常用的 try ... except ... finally ... 模式很方便
- 1、epochKeras官方文档中给出的解释是：“简单说，epochs指的就是训练过程接中数据将被“轮”多少次”（1）释义：训练过程中当一个
- 这篇文章主要介绍了python GUI自动化实现绕过验证码登录,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,
- 文通过一个操作实例来说明SQL中主标识列IDENTITY的使用技巧。要求：在 sql server 2005中，建立数据表book，在表bo
- 实战场景经常有朋友问，学 Python 面向对象时，翻阅别人代码，会发现一个 super() 函数，那这个函数的作用到底是什么？super(
- 本文实例讲述了MSSql简单查询出数据表中所有重复数据的方法。分享给大家供大家参考，具体如下：这里直接给出下面的例子：SELECT * FR
- 本文讲述了Symfony核心类。分享给大家供大家参考，具体如下：Symfony的核心类Symfony的MVC方式使用了一些你以后会经常碰到的
- 虽然并非你编写的每个 Python 程序都要求一个严格的性能分析，但是让人放心的是，当问题发生的时候，Python 生态圈有各种各样的工具可
