javascript 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;
}



相关阅读:
JS 简单展开关闭切换代码
信箱秘诀:非UTF-8邮件客户端可检视Exchange传送的消息
Network FileSystem全攻略
Windows7和Vista在安全保护方面的根本区别
用PHP创建动态图形
文字幻灯片
感觉很流畅的js实现的键盘控制(带惯性)
通过JAVASCRIPT读取ASP设定的COOKIE
FreeBSD下PPPoE的设置
一个可以让.net程序在非WIN平台上运行的软件Mono
html5标签
PHP新手上路(十一)
修改注册表,全面堵住Win 2003安全隐患
Coolite配置 管理软件开发历程之
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 中国抗战史读后感_中国抗战史 读书心得 朱凤行 二年级数学暑假作业答案(苏教版) 因为距离的遥远、我们淡忘了 有关第一次游泳作文150字 过去的月亮 2015行政办公室月工作计划 xx市统一征地管理办法(试行) 《群鸟学艺》续编 这才是真正的爱情 学习科学发展观心得体会 年会晚宴邀请函 捉仙子作文300字 美在鞭打时 工地调度员先进事迹 高中高三作文1000字:黄牛父亲 高校情暖民间三下乡活动策划书 还要走多久,我们才能不再忧伤 我心正在盛开 得到亦是幸福,失去亦是美丽 三千元起家没拿过别人一分钱 初二化学教师工作总结(2) 心痛不曾心痛的心痛会心痛。 请记住我的爱 现代诗歌精选 展览开幕式礼仪要点 晚秋, 那醉人的景色 心碎的一切 谁还记得公主抱的温度 成功人生 从选定方式开始 纪念澳门回归15周年国旗下讲话 八声甘州(辛酉自寿) 酒店厨房承包合同范本 石榴裙作文650字 车友会活动管理制度 《老人与海》有感800字 亲爱的,… 百花丛里过片叶不沾身 描写松鼠的句子 六年前的我作文500字 向着天空......作文100字 共建"祥和绿地",放飞青春理想 2016涉氨制冷打非治违专项行动方案 组工系统全面贯彻党的十七大精神的思考 医学生物技术专业实习报告 墨氏皇朝系列(二)红颜似水 小才微善作文250字 天使圣痕(九)作文2300字 空间留言祝福语大全有种友谊 读《孩子,如果你要学医》有感

Copyright © 2016 phpStudy |