clientHeight,offsetHeight,scrollHeight迷一样的三个值

一张图解决所有问题:

clientHeight: 

内容可视区域的高度,也就是说页面浏览器的大小,可以看到内容的区域的大小,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关.

offsetHeigth:

网页内容显示的高度,可以小于 clientHeight。

scrollHeight:

网页内容全部高度,包含了overflow:hidde隐藏的内容高度,不过最小值是 clientHeight。


本来说给三个值排序,但是发现,由于网页内容的大小不同,我们也不清楚网页内容是否有隐藏,所以没有一个定性的大小顺序.一张图解决所有问题,图来源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容