$(document).height()获取文档的高度

最新推荐文章于 2023-12-25 20:13:58 发布
原创 最新推荐文章于 2023-12-25 20:13:58 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#document.height

本文介绍了如何使用JavaScript获取文档的高度，并强调了在不同场景下获取高度的不同方法，包括使用$(document).height()和$(window).height()的区别，以及何时在页面加载完成后执行以获取正确高度。

通过《$(document).height()》获取文档的高度


需注意以下两点：

1.当$(document).height()放在head中时

获取的值与$(window).height() 值相同 即为文档可视区域的高度。


2.顾名思义

调用时需放在页面底部 页面加载完成后执行 此时的值才是正确的

浅谈DOCTYPE对$(window).height()取值的影响
09-01
而文档高度$(document).height()则是整个HTML文档的内容高度，包括超出可视区域的部分。正常情况下，如果页面内容未超过一屏幕，$(window).height()应该等于$(document).height()，因为整个文档都在视口内。但当页面...
使用jquery中height()方法获取各种高度大全
10-26
- 使用 $(document).height() 可以获取整个浏览器窗口中的文档高度。这个值表示的是从文档的最顶端到最底端的全部高度，包括超出视窗的部分。 - 示例代码：alert($(document).height()); // 浏览器当前窗口文档的...
$(document).height();文档高度
Alisa_vc的博客
09-08 672
$(document).height();//文档高度 $(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度 $(window).scrollTop();//是滚动条高度 和$(document).scrollTop()效果一样 但是$(window).scrollTop() 兼容性好 $(".footer").heig...
$(window).height() 和 $(document).height()的区别
CherryLee_1210的博客
12-10 679
$(window).height()代表了可见区域的大小相当于JS盒模型中的获取网页可视区域的高度document.documentElement.clientHeight||document.body.clientHeight;$(document).height()代表了整个文档的高度。相当于JS盒模型中获取当前页面的真实高度。document.documentElement.scrollHei
(document).height()与$(window).height()
aijue2015的博客
01-06 425
jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).sc...
$(window).height()与$(document).height()
君子不卿
12-25 747
页面高度 $(document).height()的高度是大于窗口高度 $(window).height()获取当前 也就是你浏览器所能看到的页面的那部分的高度。
jquery.fancybox
weixin_33901843的博客
07-20 193
遇到一个很奇怪的问题，在使用 http://www.haorooms.com/post/js_jquery_height http://www.cnblogs.com/zhuwq585/p/5400986.html 在javascript和jquery中，都有对各种高度的写法，在这里，我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多！)。 ...
$(document).height()与$(window).height()
FireBird_one的博客
05-31 1355
 $(window).height()代表了当前可见区域的大小，而$(document).height()则代表了整个文档的高度，可视具体情况使用.  注意当浏览器窗口大小改变时(如最大化或拉大窗口后) $(window).height() 随之改变，但是$(document).height()是不变的。 $(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口...
jquery获取文档高度和窗口高度汇总
01-21
$(document).height()：整个网页的文档高度 $(window).height()：浏览器可视窗口的高度 $(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移） $(document.body).height();//浏览器当前窗口...
由document.body和document.documentElement想到的
09-06
此外，`window`对象提供了与屏幕和浏览器窗口相关的属性，例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`，这些可以帮助开发者获取屏幕分辨率和可用工作区尺寸。 `scrollHeight`、`scrollLeft`、...
$(document).ready(function() { fetchScroll(); page(); function page() { var windowWidth = $(window).width(), documentHeight = $(document).height(), windowHeight = $(window).height(); if (windowWidth < 1280) { $(".page").width(1280); } else { $(".page").width(windowWidth); } } $(window).resize(function() { page(); }); $(".j-btn-menu").on("click", function(e) { e.preventDefault(); $(".module").toggleClass("is-open"); var menu = $(this).data("menu"); $("#" + menu).slideToggle("fast"); }); $(".module").hover(function() { var $this = $(this); $this.find(".info-short").stop().css({ opacity:0 }, 500); $this.find(".info-full").stop().slideDown(); }, function() { var $this = $(this); $this.find(".info-full").stop().slideUp("fast"); $this.find(".info-short").stop().animate({ opacity:1 }, 500); }); });
03-23
page()函数会获取窗口的宽度、文档的高度和窗口的高度，并根据窗口宽度的大小来设置页面的宽度。当窗口大小改变时，会重新执行page()函数来适应窗口大小的变化。当点击菜单按钮时，会切换模块的开关状态，并获取菜单...
$(document).height()与$(window).height()区别
FEE
08-30 2037
1.$(document).height()代表整个文档(页面)的高度 $(window).height()则代表当前可见区域的大小 所以当浏览器窗口大小发生变化时，$(document).height()值不变，$(window).height()发生变化2.$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 $(do
关于数据未渲染完，要获取document高度问题——ajax全局事件
ddr66288的博客
11-24 281
　　昨天在做开发时，遇到这样一个问题，当页面刚加载的时候，就要获取document的高度，可是此时页面上所有的ajax请求的数据都还没有渲染到页面上，所以导致得到的document的高度仅仅是页面结构的高度，而不是想要的结果，对于与这个问题，我琢磨了好久，怎么才能在ajax数据渲染完成之后获取到document的高度呢？我想过很多办法，但是都有弊端，比如： 　　1、设置延时器：让页面刚...
【Javascipt】- documentHeight，windowHeight
weixin_34389926的博客
03-01 229
2019独角兽企业重金招聘Python工程师标准>>> ...
$(document).height()、$(document).scrollTop()
QDY5945的博客
11-19 788
(document).height()、$(document).scrollTop()： jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).h...
$(document).height()与$(window).height()的区别
ynjustme的博客
12-26 932
这俩个概念对很多人来说都很模糊，包括之前的我，现在来说一说他们的区别：            $(window).height()代表了当前可见区域的大小;            $(document).height()则代表了整个文档的高度，可视具体情况使用.(个人理解就是：html里body里面的内容)   *注意：当浏览器窗口大小改变时(如最大化或拉大窗口后) $(wi
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`则是两者之和。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值