document.documentElement与document.body

最新推荐文章于 2024-03-22 14:25:18 发布
转载 最新推荐文章于 2024-03-22 14:25:18 发布 · 43 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/sourcebank/archive/2013/05/29/3105727.html

本文深入探讨了在不同浏览器中获取网页已滚动宽度和高度时的差异性，详细解析了造成这些差异的原因，并提供了实用的解决方案，旨在帮助开发者解决在网页布局和响应式设计中遇到的问题。

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

在使用网页中的位置时经常需要知道已经滚动的宽度或高度，但获取这些数据时，不同浏览器有些差异。

转载   http://blog.sina.com.cn/s/blog_51c99bb20100wqvb.html

转载于:https://www.cnblogs.com/sourcebank/archive/2013/05/29/3105727.html

1361976860
关注
document.documentElement && document.documentElement.scrollTop
10-30
var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; console.log('当前滚动位置：', scrollTop); }; ``` 总的来说，理解和正确使用`document....
document.documentElement document.documentElement.scrollTop
01-19
在标准的浏览器下，需要注意的东西，例如双击自动滚动 var diffY; if (document.documentElement && document.... else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/}
document.documentElement.clientHeight与document.body.clientHeight的区别
galaxyJING的博客
03-22 1274
scrollHeight: 当元素的子元素高度大于父元素，父元素出现滚动条，此时父元素的clientHeight表示可视的高度，父元素的scrollHeight 表示页面的高度，包括溢出页面被挡住的部分，即其实就是子元素的高度。单位px，只读元素。clientHeight： 表示可视区域高度， 包括padding但不包括border、水平滚动条、margin的元素的高度。offsetHeight：表示可视区域高度，包括padding、border、水平滚动条，但不包括margin的元素的高度。
document.body 与 document.documentElement区别
weixin_45172119的博客
08-11 651
document.body 与 document.documentElement区别 （1）什么是document.body？ 返回html dom中的body节点 即<body> （2）什么是 document.documentElement？ 返回html dom中的root 节点 即<html> （3）document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 ①在chrome(版本
document.documentElement和document.body的区别
u012028371的博客
06-01 699
就先这么记着吧，也就是说document.documentElement.XXX 用的比document.body.XXX时候多。 正文开始 ------------------------------------------ 网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动：
document.documentElement和document.body
进一步，有一步的欢喜。
05-16 979
DTD相关说明： 在页面的开头 页面具有 DTD，或者说指定了 DOCTYPE 时，使用 document.documentElement。 页面不具有 DTD，或者说没有指定了 DOCTYPE，时，使用 document.body。 在 IE 和 Firefox 中均是如此。 为了兼容，不管有没有 DTD，可以使用如下代码： var scrollTop = window.pag...
document.documentElement 和document.body 以及clientWidth
weixin_41201611的博客
12-27 1279
今天有用到这块的东西  在这里分享给小伙伴们 （原来HTML里是document.body  --XHTML里是document.documentElement ,都指的是节点(OR元素) ）   在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，
document.documentElement.clientHeight 与 document.body.clientHeight(杜绝千篇一律的抄袭!!)
u011927449的博客
11-09 3406
document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题。这两个应该不是一个东西。 页...
document.documentElement.clientHeight 与 document.body.clientHeight
E_li_na的博客
12-18 457
document.documentElement.clientHeight 与 document.body.clientHeight这两个是有区别的， 前一个是html标签，后一个是body标签。这两个是不同的东西，如果这两个的值返回相同的值，应该是设置了 body,html{ height: 100%} ...
document.documentElement.clientHeight与document.body.clientHeight的区别解析
qq_37734787的博客
03-21 1521
document.documentElement指的是元素 document.bodyt指的是元素 document.documentElement.clientHeight 屏幕可视区域高度
document.documentElement.scrollTop与document.body.scrollTop的兼容写法
Luo的博客
06-05 946
场景分析 document.documentElement与document.body输出 DTD相关说明： 页面具有 DTD或者说指定了 DOCTYPE 时，使用 document.documentElement。 页面不具有 DTD或者说没有指定了 DOCTYPE时，使用 document.body。 设置<!DOCTYPE html>效果显示： document.documentElement.scrollTop可以获取滚动的值 document.body.scrollTop的值
document.documentElement和document.body区别介绍
09-05
在标准模式下，则需要先判断document.documentElement.scrollLeft和document.documentElement.scrollTop是否为0，若是则使用document.body.scrollLeft和document.body.scrollTop。 了解了这些区别后，前端开发者在...
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定...
用document.documentElement取代document.body的原因分析
01-19
上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。 那我们怎么办呢？难道加上了文档...
哈工大威海集合论与图论课件.zip
08-23
哈工大威海集合论与图论课件
基于扰动观察法的光伏MPPTBoost变换器最大功率点跟踪技术研究
08-23
光伏最大功率点跟踪（MPPT）技术及其在光伏发电系统中的重要性。重点讨论了基于扰动观察法（P&O）的MPPT技术和MPPT Boost变换器的应用。扰动观察法通过周期性改变光伏阵列的工作电压或电流并观察输出功率变化，进而调整工作点，确保光伏阵列始终处于最大功率点附近。而MPPT Boost变换器则通过高效的电压或电流控制，进一步提高了系统的输出效率。两者结合使用，在光强和温度等环境条件变化时，能够显著提升光伏系统的发电效率和寿命。 适用人群：从事光伏系统设计、安装和维护的专业技术人员，以及对清洁能源技术感兴趣的科研人员。 使用场景及目标：适用于需要优化光伏系统性能的场合，如太阳能电站、分布式光伏发电系统等。目标是提高光伏系统的发电效率，降低能耗，延长设备使用寿命。 其他说明：本文不仅提供了理论依据和技术细节，还强调了清洁能源发展的重要性和未来的研究方向。
哈工大威海近世代数课件.zip
08-23
哈工大威海近世代数课件
Micro API Framework 是一款基于go-micro打造的starter-kit微服务框架.zip
最新发布
08-23
Micro API Framework 是一款基于go-micro打造的starter-kit微服务框架.zip
document，document.documentElement区别
05-23
通过`document.documentElement`可以访问到根元素的各种属性和方法，比如`document.documentElement.style`可以获取或设置根元素的样式。 需要注意的是，在一些浏览器中，`document.documentElement`可能指向`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值