现在的位置: 首页 > 综合 > 正文

document.body.clientHeight 和 document.documentElement.clientHeight的区别

2013年05月12日 ⁄ 综合 ⁄ 共 491字 ⁄ 字号 评论关闭

Javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
 
这个问题是我在整合新的美工页面的时候发现的,在整合页面的时候菜单页面始终显示不出来。但是查看源代码,里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试,发现其中一个取得页面高度的变量 bodyHeight 一直是0。就是因为他是0,所以菜单才显示不出来。
 
而取得bodyHeight 高度的语句是 var bodyHeight = document.documentElement.clientHeight;
 
于是在网上查找相关的资料,结合美工页面和程序的页面对比。
 
document.body.clientWidth ==> BODY对象宽度
 document.body.clientHeight ==> BODY对象高度
 document.documentElement.clientWidth ==> 可见区域宽度
 document.documentElement.clientHeight ==> 可见区域高度

抱歉!评论已关闭.