jQuery $(document).height()与$(window).height()区别

于 2024-03-20 09:23:44 发布
阅读量450 收藏
点赞数 2
分类专栏： jQuery 文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52191385/article/details/136863918
版权
本文解释了在JavaScript中，$(document).height()和$(window).height()函数的区别，前者代表整个文档高度，后者表示可视区域大小。同时介绍了如何使用scrollTop()和scrollLeft()检测滚动位置，以及$(document).scrollTop()与$(window).scrollTop()的异同。

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

1.$(document).height()代表整个文档(页面)的高度
$(window).height()则代表当前可见区域的大小
所以当浏览器窗口大小发生变化时，$(document).height()值不变，$(window).height()发生变化

2.$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft() 获取水平滚动条的距离

当scrollTop()==0的时，滚动条到达顶端
当scrollTop()>=$(document).height()-$(window).height()时，滚动条到达底端

注：$(document).scrollTop()与$(window).scrollTop()效果相同，但$(window).scrollTop()被所有浏览器支持

浅谈DOCTYPE对$(window).height()取值的影响
09-01
_windowHeight = document.body.clientHeight; } else { //alert($(window).height()); _windowHeight = $(document).height(); }; ``` 这段代码首先检查文档高度是否大于窗口高度，如果是，则使用`document....
全面解析jQuery中的$(window)与$(document)的用法区别
10-19
在jQuery中，$(window)和$(document)选择器的用途主要是绑定事件和执行初始化代码。 - $(document).ready()方法是在DOM完全加载并且就绪后执行的代码块。这意味着在这个方法中的代码会在页面的所有元素已经被加载到...
(document).height()与$(window).height()
aijue2015的博客
01-06 403
jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).sc...
$(window).height() 和 $(document).height()的区别
weixin_34185364的博客
11-28 475
  $(window).height() 和 $(document).height()的区别 $(window).height()代表了当前可见区域的大小，$(document).height()则代表了整个文档的高度，可视具体情况使用. 当浏览器窗口大小改变时(如最大化或拉大窗口后) ，$(window).height() 随之改变，但是 $(document).height()是不变的。...
$(document).height()与$(window).height() 区别
忘川
08-23 4289
jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。...
$(window).height()
layman1024的博客
05-02 1090
$(window).height();           //浏览器当前窗口可视区域高度  $(document).height();         //浏览器当前窗口文档的高度  $(document.body).height();    //浏览器当前窗口文档body的高度
$(document).height()获取文档的高度
jQuery,CSS,Asp.net及前端开放问题汇总
12-09 2549
通过《$(document).height()》获取文档的高度 需注意以下两点： 1.当$(document).height()放在head中时 获取的值与$(window).height() 值相同 即为文档可视区域的高度。 2.顾名思义 调用时需放在页面底部 页面加载完成后执行 此时的值才是正确的
浅谈$(document)和$(window)的区别
09-03
在JavaScript和jQuery的世界里，`$(document)` 和 `$(window)` 都是非常常见的对象，但它们代表的意义并不相同。这篇文章将深入探讨这两个对象的区别，并通过实际示例来帮助理解。 `$(document)` 是jQuery的一个...
使用jquery中height()方法获取各种高度大全
10-26
这个值和$(document).height()可能会有细微的差别，特别是在文档的body和html标签有边距或填充设置时。 - 示例代码：alert($(document.body).height()); // 浏览器当前窗口文档body的高度 此外，height()方法还...
$(window).height()与$(document).height()
最新发布
君子不卿
12-25 640
页面高度 $(document).height()的高度是大于窗口高度 $(window).height()获取当前 也就是你浏览器所能看到的页面的那部分的高度。
$(document).height();文档高度
Alisa_vc的博客
09-08 641
$(document).height();//文档高度 $(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度 $(window).scrollTop();//是滚动条高度 和$(document).scrollTop()效果一样 但是$(window).scrollTop() 兼容性好 $(".footer").heig...
$(window).height()和$(document).height()
u012028371的博客
08-17 417
$(window).height()代表了当前可见区域的大小，而$(document).height()则代表了整个文档的高度，可视具体情况使用。 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).scrollTop() 获取垂直滚动
jquery中$(window).height()和其他几个的关系
getcomputerstyle的博客
05-18 742
$(document).height()是整个页面的长度 $(window).height()是可视窗口的长度 $(widnow).scrollTop()是滚动条到页面顶端的长度 当滚动条处在最低端的时候： $(window).scrollTop()+$(window).height()=$(document).height()
$(document).height()与$(window).height()
☂yǒng 超-站在巨人的肩膀上来创新.
08-11 1187
 jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.   注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。   $(document).scrol
$(document).height()、$(document).scrollTop()
QDY5945的博客
11-19 763
(document).height()、$(document).scrollTop()： jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).h...
jquery $(window).height()取值等于$(document).height()的问题
懒虫一个V
11-13 6813
<!DOCTYPE html>设置不当或者没有设置，会导致jquery中 $(window).height()取值等于$(document).height()的问题，大家别被坑了。
$(document).height()与$(window).height()的区别
ynjustme的博客
12-26 912
这俩个概念对很多人来说都很模糊，包括之前的我，现在来说一说他们的区别：            $(window).height()代表了当前可见区域的大小;            $(document).height()则代表了整个文档的高度，可视具体情况使用.(个人理解就是：html里body里面的内容)   *注意：当浏览器窗口大小改变时(如最大化或拉大窗口后) $(wi
setInterval(function(){ var quguan = $(document).height()-$(window).height(); $(document).scrollTop(quguan); $("button.Fb2PQj.nMa6XB").click() },6000) 不同按钮，但是同一个属性的class如何实现鼠标的单机效果
05-18
可以使用 jQuery 的 `click()` 方法来实现鼠标单击效果。具体实现方法如下： 1. 给需要单击的按钮添加一个唯一的 ID，比如 `#button1` 和 `#button2`。 2. 使用 jQuery 的 `click()` 方法来绑定单击事件： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值