Javascript 获取页面高度（多种浏览器）

最新推荐文章于 2021-06-07 15:37:54 发布

原创最新推荐文章于 2021-06-07 15:37:54 发布 · 252 阅读

CC 4.0 BY-SA版权

文章标签：

W3C的标准在作怪
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
定义标准
IE：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

FireFox：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

Opera：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）

未定义标准
IE：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0

FireFox：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）

Opera：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）