首页 > 代码库 > 关于document.body.clientHeight问题的解释

关于document.body.clientHeight问题的解释

<!doctype html><html><head><meta charset="utf-8"><title>测试测试</title><style type="text/css">div{ width:100px; height:100%; background:red}</style></head> <body><div><!--内容--></div></body></html><script type="text/javascript">//当有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//或者<!doctype html>alert(document.body.clientWidth);//获取宽度正常 ==> BODY对象宽度alert(document.body.clientHeight);//获取高度为0 ==> BODY对象高度alert(document.documentElement.clientWidth);//获取宽度正常 ==> 可见区域宽度alert(document.documentElement.clientHeight);//获取高度正常 ==> 可见区域高度//当没有声明的时候,一般不采用。//div默认高为屏幕高alert(document.body.clientWidth);//获取宽度正常 ==> BODY对象宽度alert(document.body.clientHeight);//获取高度正常 ==> BODY对象高度alert(document.documentElement.clientWidth);//获取宽度正常 ==> 可见区域宽度alert(document.documentElement.clientHeight);//获取高度正常 ==> 可见区域高度</script>

  

关于document.body.clientHeight问题的解释