博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用document.compatModel来判断当前浏览器采用的渲染方式
阅读量:7191 次
发布时间:2019-06-29

本文共 1084 字,大约阅读时间需要 3 分钟。

document.compatMode

返回值:BackCompat和CSS1Compat

官方解释:

BackCompat:标准兼容模式关闭。CSS1Compat:标准兼容模式开启。

当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;

当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth。
浏览器客户区高度、滚动条高度、滚动条的Left、滚动条的Top等等都是上面的情况。
一个准确获取网页客户区的宽高、滚动条宽高、滚动条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;}

(以上代码兼容目前流行的全部浏览器,包括:IE、Firefox、Safari、Opera、Chrome)

转载地址:http://jyxkm.baihongyu.com/

你可能感兴趣的文章
Andriod开发学习笔记
查看>>
phpcms_v9 多图字段 内容页,首页,分页自定义字段调用
查看>>
Linux下MySQL导入文件出错ERROR 1290 (HY000)
查看>>
POS开发问题 - 缓存问题 - 02
查看>>
JDBC编程,从入门到精通
查看>>
模板类中的友元函数
查看>>
Eclipse设置项目默认编码和换行符类型
查看>>
【实用性程序】弧微分计算圆周长
查看>>
算法模板——平衡树Treap
查看>>
1819: [JSOI]Word Query电子字典
查看>>
10分钟学会AngularJS的数据绑定
查看>>
Flash Stage3D Molehill 学习笔记(2)
查看>>
微信OpenID获取
查看>>
bzoj 2049: [Sdoi2008]Cave 洞穴勘测
查看>>
c# tcplistener 与 client通信 服务端 今天写一下
查看>>
在web环境中使用JAXB技术对XML文件进行序列化和反序列化时如何避免乱码
查看>>
ZOJ 1602 Multiplication Puzzle(区间DP)题解
查看>>
2014025639(13) 《嵌入式系统程序设计》第二周学习总结
查看>>
css样式写法<link和style>
查看>>
使用PHPnow + wordpress构建个人博客(转载+整理+php+mysql手动配置和wordpress的迁移)...
查看>>