js中的doucment.body和document.documentElement

最新推荐文章于 2022-03-05 20:24:49 发布
最新推荐文章于 2022-03-05 20:24:49 发布
阅读量794 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tang05709/article/details/25609503
版权

今天在学js时，按照书上的例子使用document.body.clientHeight获取窗口的高度做弹出层，但弹出的层的位置没有改变，然后我alert出来看他的高度在不同的浏览器中显示在20-23之间，在网上查看说在新版本的w3c标准中获取浏览器宽、高用document.documentElement.client***；

tang05709
关注
专栏目录
next.js入门之自定义Document
蛐蛐的博客
06-20 909
文档：https://www.nextjs.cn/docs/advanced-features/custom-document
js中document.documentElement 和document.body 以及其属性
weixin_30591551的博客
05-11 132
（原来HTML里是document.body --XHTML里是document.documentElement ,都指的是<body>节点(OR元素)） 在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单...
document.body和document.documentElement的区别
fengxuezhiye的专栏
02-10 1787
document.body和document.documentElement比较： document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。 document.body.scrollHeight和document.documentElement.scrollHeight的区别：
JS的Document类型
一心向晚
09-15 9408
Document HTMLDocument继承自Document。 在浏览器中，document对象是HTMLDocument的一个实例，表示整个HTML页面。document对象是window对象的一个属性，因此可以直接调用 1.属性 documentElement指向HTML页面中的<html>元素。 title 获取文档的标题 URL 获取URL domain 取得域名，并且可以进行设置，在跨域访问中经常会用到。 referrer 取得链接到当前页面的那个页面的URL...
JavaWeb学习（第一天）-3-JavaScript部分
shouhmzhl的博客
03-05 612
<html> <head> <meta charset="utf-8"> <script language="javascript"> // String str = "hello world" ; var str = "hello world"; alert(typeof str); str = 9999 ; alert(typeof str); var person = new Object(); .
你不知道的document和document.documentElement
weixin_34192732的博客
06-21 1258
在开发中发现了JQuery和Zepto两个关于获取document的坑。复现问题：$(document).scrollTop(); // 发现得到的值是 undefined $(document.body).scrollTop(); // 这个是有值得复制代码这时候我们思考一下为什么？查看源码# zepto document = window.document # JQ 同样的代码 documen...
JavaScript中window、doucment、body的解释
10-27
在JavaScript编程过程中，window、document和body三个对象是密不可分的。window提供了全局作用域和浏览器窗口的交互能力；document提供了对HTML文档操作的能力；body则提供了对网页主体区域操作的能力。对这三个对象...
关于umi构建项目中的document.ejs模板内容解读
youlinhuanyan的博客
04-05 4660
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > 如果IE有安装Google Chrome Frame，那么就走安装的组件，如果没有就和一样。 说明：针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是...
JavaScript 中 doucment 的常用方法
06-07
1. **`document.body.bgColor`**、**`document.body.link`**、**`document.body.alink`**、**`document.body.vlink`**、**`document.body.text`**：与`document`对象中的颜色属性类似，但作用于`<body>`元素。...
Document与Element中querySelector/querySelectorAll的区别
u011500829的博客
08-30 404
Document与Element中querySelector/querySelectorAll的区别测试html使用表达式分析CSS选择器结果查找范围 测试html <div id="div1"> <div id="div2"> <div id="div3"> <div>目标div</div> </div> </div> </div> <div> <div> &lt
document和document.documentElement的区别
qq_27891995的博客
03-05 7048
例如，下面这个最常见的html文件。 foo.html 文档的标题 文档的内容...... 此时的document就指的是这个foo.html文档，而document.documentElement则是。 document表示整个文档 Object.prototype.toString.call(document) //return “[object HTMLDocu...
js里的document.documentElement和document.body
weixin_37820744的博客
01-21 4283
document.documentElement和document.body的区别这两个的有何区别？用法 这两个的有何区别？ document.body返回出来的是html 中&amp;lt; body &amp;gt; console.log(document.body) document.documentElement返回的是 html 根节点 console.log(document.docu...
document.body 与 document.documentElement区别
骆小胖~
10-08 4258
&gt;  （2）什么是 document.documentElement？          返回html dom中的root 节点 即&lt;html&gt; （3）document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 ①在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通过document.body.scrollTop,而且DTD是否存在,不会影响 docume
JavaScript的document对象详解
vb_vs的专栏
05-26 1368
========================================================================对象属性:document.title             //设置文档标题等价于HTML的标签document.bgColor           //设置页面背景色document.fgColor           //设置前景色(文本颜色)do
02【JS 高级】-【DOM】 DOM 简介， 获取元素，事件基础，操作元素 ，节点操作
嘿嘿_哈哈的博客
08-18 1218
第二天 DOM 简介，获取元素，事件基础，操作元素 ，节点操作 1， DOM 简介 1.1 什么是 DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 1.2 DOM 树 文档：一个页面就是一个文档，DOM 中使用 document 表示 元素：页面中的所有标签都是元素，DOM 中..
document.body.scrollTop总是0的原因
热门推荐
Bug 无处不在！
02-09 1万+
最近写了一个拖动层的HTML页面,   需要获取滚动条当前的位置.于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动, document.body.scrolltop竟然一直都是0!对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的
vue 之 实现页面滑动到底部自动加载更多的效果、解决VUE 移动端网页中document.documentElement.scrollTop为0 的问题，兼容写法
夜阑珊妖妖
04-04 2228
解决VUE 移动端网页中document.documentElement.scrollTop为0 的问题，兼容写法 在做移动端网页时遇到的问题：Vue中document.documentElement.scrollTop的值总为零，解决办法如下： let top = document.documentElement.scrollTop || document.body.scrollTop || ...
JS中document.getelementbyid().value与innerHTML的区别
大橙子_Change的博客
02-28 1万+
使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 &lt;input type="text" id="txt1" value="hello"/&gt; 这样一个元素，当你使用document.getElementById(“txt1”).value时，可以...
document.documentElement.与document.body区别
超浓芝士味玉米片的博客
04-05 1185
在idea的环境中使用js实现的返回顶部的操作 在编写过程中遇到了一个问题就是在实现点击底部按钮是无法返回顶部， 刚开始使用的是document.body.scrollTop如图1 后来换为document.documentElement.scrollTop如图2 然后实现了返回底部功能 之前使用document.body.scrollTop不能实现的原因之一是：ie5.5之后已
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值