javascript - 关于chrome浏览器clientHeight的问题

Question

我发现我这body的clientHeight和描述不一致。这是百度首页 clientHeight是正常的。然后随便搜索一点内容 变得和scrollHeight一样大，请问这是什么情况？是我理解错误还是什么原因？

阿神 · Answer

百度首页的body样式是height：100%；搜索之后的body样式应该是子元素撑开的。所以不同。刚才说的是没错的。

PHP中文网 · Answer

正常的，是你理解错了吧

PHP中文网 · Answer

以下引用自《JavaScript标准参考教程》里，“Element.clientHeight，Element.clientWidth”中的内容：

对于整张网页来说，当前可见高度（即视口高度）要从document.documentElement对象（即节点）上获取，等同于window.innerHeight属性减去水平滚动条的高度。没有滚动条时，这两个值是相等的；有滚动条时，前者小于后者。
注意，这里不能用document.body.clientHeight或document.body.clientWidth，因为document.body返回节点，与视口大小是无关的。

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程