JS中document.documentElement和document.body

最新推荐文章于 2024-03-19 15:14:55 发布
最新推荐文章于 2024-03-19 15:14:55 发布
阅读量501 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/memgke/article/details/78517394
版权

都是指< body >节点
document .body.scrollTop属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，使用document .documentElement来取代document .body
在监听滚动条事件中

var top=document.documentElement.scrollTop||document.body.scrollTop

这样写有很好的兼容性

randomMeng
关注
专栏目录
JavaScript中的DOM（一）
m0_51636525的博客
05-20 971
1.DOM的理解 DOM称为文档对象模型（Document Object Model） 将页面所有内容表示为可以修改的对象 ◼浏览器会对我们编写的HTML、CSS进行渲染，同时它又要考虑我们可能会通过JavaScript来对其进行操作：  于是浏览器将我们编写在HTML中的每一个元素（Element）都抽象成了一个个对象；  所有这些对象都可以通过JavaScript来对其进行访问，那么我们就可以通过JavaScript来操作页面；  所以，我们将这个抽象过程称之为 文档对象模型（D
document.documentElement && document.documentElement.scrollTop
10-30
在JavaScript中，`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性，它们与网页文档的DOM（Document Object Model）交互，特别是涉及到页面滚动时的行为。本文将深入讲解...
js中document.documentElement 和document.body 以及其属性
Optimal New
05-02 817
（原来HTML里是document.body  --XHTML里是document.documentElement ,都指的是节点(OR元素) ）   在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页
js里的document.documentElement和document.body
weixin_37820744的博客
01-21 4291
document.documentElement和document.body的区别这两个的有何区别？用法 这两个的有何区别？ document.body返回出来的是html 中&amp;lt; body &amp;gt; console.log(document.body) document.documentElement返回的是 html 根节点 console.log(document.docu...
document.documentElement和document.body区别介绍
09-05
在HTML文档对象模型（DOM）中，document.documentElement和document.body是两个重要的属性，它们各自代表了不同的节点。理解这两者的区别对于前端开发者来说是非常重要的。 首先，document.documentElement代表了...
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定...
由document.body和document.documentElement想到的
09-06
在Web开发中，理解和掌握`document.body`和`document.documentElement`的区别至关重要，尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分：`document.body`指的是HTML文档的实际内容...
document.documentElement document.documentElement.scrollTop
01-19
if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape ...
js中获取html元素之document.documentElement
热门推荐
韦_恩的博客
05-18 1万+
document.documentElement Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）。 对于任何非空 HTML 文档，调用 document.documentElement 总是会返回一个 <html> 元素，且它一定是该文档的根元素。借助这个只读属性，能方便地获取到任意文档的根元素。 参考文档 html中document.body 与 document.d
document.documentElement
孙群
12-16 2201
参考   https://developer.mozilla.org/zh-CN/docs/Web/API/document.documentElement              http://www.w3schools.com/jsref/prop_document_documentelement.asp 该属性为只读属性，返回的元素是document的根元素（例如：HTML文档的根元素
JS的Document属性和方法
忧郁的蛋的专栏
03-19 931
5、document.querySelectorAll(selector)：返回文档中匹配指定CSS选择器的所有Element元素的NodeList（静态的）。4、document.querySelector(selector)：返回文档中匹配指定CSS选择器的第一个Element元素。1、document.title：获取或设置文档的标题，通常显示在浏览器的标题栏或标签上。3、document.documentElement：获取文档的根元素，通常是元素。4、document.body：获取文档的元素。
Javascript与CSS在IE和Firefox中的误区及区别
别把新手当傻子
06-16 250
[b][size=medium]Javascript中的常见问题[/size][/b] [b]1. 集合类对象问题[/b] 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 [code="js"]document.forms["formName"]; //...
javascript关于document.body 和document.documentelement
yx_kelsey的专栏
08-11 268
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到 document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用 document.documentElement来取代doc...
js中获取不到document.body
zbailing的博客
08-18 699
如上，将js代码放在<head>里获取document.body时为null。原因：此时，浏览器先加载js代码，再加载和解析文档，所以获取不到。二、将js代码放到window.onload里。一、将<script>标签放到<body>中。
JavaScript document对象
weixin_47782618的博客
04-23 3751
1. 什么是document对象 document对象是文档的根节点，每张网页都有自己的document对象只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。 2. document对象的属性 2.1 document.doctype document.doctype，指向<doctype>节点，即文档类型（Document Type Declaration，简写DTD）节点。HTML 的文档类型节点，一般写成<!DOCTYPE HTML>。如果网页没有声明
JavaScript 学习笔记 ——document
我有两颗糖
02-20 5972
1. 浏览器环境 JavaScript 语言最初是为 Web 浏览器创建的。此后，它已经发展成为一种具有多种用途和平台的语言。 下面是 JavaScript 在浏览器中运行时的鸟瞰示意图： windows 是根对象，它充当 JavaScript 的全局对象以及代表着浏览器窗口，提供控制浏览器窗口的方法。 1.1 DOM 文档对象模型 DOM 将所有页面内容表示为可以修改的对象，document 是页面的入口，可以利用它修改创建 HTML 的内容，可以参考 DOM： document.bodyDOM.st
document.documentElement.scrollHeight 只能获取到一般高度
最新发布
10-12
`document.documentElement.scrollHeight` 是JavaScript中用于获取文档元素滚动区域高度的一个属性。它返回的是从视口顶部到底部的实际内容高度，包括已经被用户滚动的内容。然而，这个值并不总是等于浏览器窗口的总高度，因为可能会有滚动条、工具栏等其他非可视部分。 当仅需要获取页面可见内容的高度时，它是一个有用的工具。如果需要获取整个浏览器窗口的高度，应该加上滚动条的高度： ```javascript var windowHeight = document.documentElement.clientHeight; var scrollHeight = document.documentElement.scrollHeight; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var totalHeight = windowHeight + scrollTop; ``` 这里`windowHeight`代表可视区域高度，`scrollHeight`是实际内容高度，`scrollTop`是滚动条的距离。总高度`totalHeight`则是两者之和。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值