document.body.clientHeight

最新推荐文章于 2022-08-05 13:11:51 发布

转载最新推荐文章于 2022-08-05 13:11:51 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lmjob/archive/2009/03/03/1402184.html

本文介绍了如何使用JavaScript来获取网页的可见区域宽度和高度。通过document.body.clientWidth和document.body.clientHeight可以得到BODY对象的宽度和高度；而document.documentElement.clientWidth和document.documentElement.clientHeight则用于获取整个文档的可见区域宽度和高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.body.clientWidth ==> BODY对象宽度（也是可见区）
document.body.clientHeight ==> BODY对象高度（也是可见区）
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

转载于:https://www.cnblogs.com/lmjob/archive/2009/03/03/1402184.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30278311

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

用document.documentElement取代document.body的原因分析

01-19

上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。那我们怎么办呢？难道加上了文档...

doctype后如何获得body.clientHeight的方法

12-02

在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,... 比如：原来document.body.clientHeight，就要改成document.documentElement.scrollTop 为了自适应，可以改了下代码： ((docum

参与评论您还未登录，请先登录后发表或查看评论

[JS]document.body.clientHeight的取值

weixin_30550271的博客

01-05

239

有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720. 可是在XHTML中, 如果body 体中只有一行, 则documen...

document.body.clientHeight 和 document.documentElement.clientHeight 的区别以及tomcat中路径大小写的问题...

weixin_33893473的博客

08-12

531

1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别这个问题是我在整合新的美工页面的时候发现的，在整合页面的时候菜单页面始终显示不出来。但是查看源代码，里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 b...

React开发（235）:document.body.clientHeight

歌谣的博客

10-31

422

document.body.clientHeight获取可视化高度

document.body.clientHeight高度问题

hello world

09-14

1722

移动端滚屏一次滚动一屏，document.body.clientHeight本来是为了获取屏幕高度，可项目发现获取到的值非常大经排查，应先设置body高度100%，或者使用document.documentElement.clientHeight

document.documentElement和document.body区别介绍

09-05

在这个模式下，document.documentElement的clientHeight可能返回0，而document.body的clientHeight则可以获取到可视区域的高度。在有DTD声明的情况下，浏览器会采用标准模式。在这个模式下，document....

// 可见区域高度 let clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

06-13

其中，`window.innerHeight`表示浏览器窗口的内部高度，`document.documentElement.clientHeight`表示文档根元素的可见高度，`document.body.clientHeight`表示文档body元素的可见高度，三者取最小值作为可见区域...

由document.body和document.documentElement想到的

09-06

1. `document.body.clientWidth`和`clientHeight`返回浏览器视口的宽度和高度，不包括滚动条。 2. `document.body.offsetWidth`和`offsetHeight`则包括了边框的宽度。 3. `document.body.scrollWidth`和`...

document.body.clientHeight 只是窗口高度四舍五入的结果，宽度也是如此

weixin_44350171的博客

12-19

3361

在测试拖拽时，要实现被拖拽的元素不能跟鼠标一起跑到窗口外；所以在style.top<0时使其style.top=0 在style.top<document.body.clientHeight - div1.offsetHeight时，使其style.top=document.body.clientHeight - div1.offsetHeight（即窗口高度减去元素高度，就是元素能被拖拽到的最低位置，当小于这个最小值时，直接把最小值赋值给它）但是出现了一个bug，如下图按理说我把

js获取浏览器基本信息：document.body.clientWidth/clientHeight/scrollWidth/scrollTop。

菜鸟史

02-25

382

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全

document.body.clientHeight的取值

weixin_34166472的博客

11-28

112

[JS]document.body.clientHeight的取值有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720. 可...

document.body.scrollTop,document.body.clientHeight的值为0的问题

Huakmel的专栏

03-17

1358

在写个漂浮广告时遇到document.body.scrollTop和document.body.clientHeight为零的问题，在网上找到了原因：是因为html/jsp文件头部加了文档类型。 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">解决办法可以有

offsetHeight, clientHeight与scrollHeight的区别

liyanfang19的专栏

03-09

421

clientHeight 大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为clientHeight = topPadding + bottomPadding+ height - scrollbar.height。

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

qupeng666的博客

08-28

666

当页面上有DOCTYPE的时候,值为 document.body.clientHeight = 54px //页面实际内容高度 document.documentElement.clientHeight = 729px //浏览器可视化区域高度当没有DOCTYPE时 document.body.clientHeight = 729px document.document

关于body.clientHeight，body.clientWidht获取的不是可视高度的问题

qq_42814833的博客

08-05

785

我发现网上一些教程可能都是10几年前的老古董了，经过不知道多少号复制翻新，导致有时候你很难去发现问题，甚至是大部分的教程都是这么写的，害人不浅。问题的经过是这样的，我需要获取页面的可视高度。网上搜一搜，全部都说使用body.clientHeight来获取，结果嘛获取的是body的总高度。总结一下，在标准模式下使用根节点来获取可视高度才是正确的。要使用的是根节点的clientHeight，也就是。所谓标准模式的判定是你在HTML文件上方声明了。经过我一番查找，发现问题所在。下才能返回可视高度，在。......

doctype后如何获得body.clientHeight

Lee的杂货间

03-09

1643

今天在用一个随滚动条移动的效果代码时，发现有的页面，不动，而JS代码是一样的。上网一搜索才知道，原来是loose.dtd搞的鬼，查到的说明如下：在用DW mx 2004 新建网页文件时会自动加入： "http://www.w3.org/TR/html4/loose.dtd">在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,offse