当前位置: 代码迷 >> 综合 >> document.body.clientHeight 和 document.documentElement.clientHeight 的区别
  详细解决方案

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

热度:66   发布时间:2023-12-13 08:45:12.0

当页面上有DOCTYPE的时候,值为

document.body.clientHeight = 54px  //页面实际内容高度
document.documentElement.clientHeight = 729px //浏览器可视化区域高度

当没有DOCTYPE时

document.body.clientHeight = 729px 
document.documentElement.clientHeight = 0px

可以看出,document.body.clientHeight 和 document.documentElement.clientHeight 的区别。

就是因为少了DOCTYPE 所以 document.documentElement.clientHeight 的值为0。而换成 document.body.clientHeight就好了。

为什么少了DOCTYPE,document.documentElement.clientHeight会为0呢?

这是W3C标准的支持。

  相关解决方案