jq获取页面高度_Js/Jquery获取网页屏幕可见区域高度

最新推荐文章于 2024-07-16 14:46:16 发布
最新推荐文章于 2024-07-16 14:46:16 发布
阅读量513 收藏 1
点赞数
文章标签： jq获取页面高度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39926040/article/details/111843484
版权
本文介绍了如何使用JavaScript和jQuery获取网页的可视区域高度、宽度、滚动条高度等信息，包括document对象和window对象的各种属性，以及jQuery提供的便捷方法。同时，还提到了事件坐标和滚动位置的获取方法，如$(document).scrollTop()和$(document).scrollLeft()。
摘要由CSDN通过智能技术生成

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。

1 document.body.clientWidth ==>BODY对象宽度

2 document.body.clientHeight ==>BODY对象高度

3 document.documentElement.clientWidth ==>可见区域宽度

4 document.documentElement.clientHeight ==>可见区域高度

5

6 document.body.clientWidth ==> 网页可见区域宽

7 document.body.clientHeight ==>网页可见区域高

8 document.body.offsetWidth ==>网页可见区域宽(包括边线的宽)

9 document.body.offsetHeight ==>网页可见区域高(包括边线的高)

10 document.body.scrollWidth ==> 网页正文全文宽document.body.scrollHeight ==>网页正文全文高

11 document.body.scrollTop ==>网页被卷去的高

12 document.body.scrollLeft ==>网页被卷去的左

13 window.screenTop ==>网页正文部分上

14 window.screenLeft ==>网页正文部分左

15 window.screen.height ==>屏幕分辨率的高

16 window.

最低0.47元/天 解锁文章
weixin_39926040
关注
【获取页面width和height】js、jq判断浏览器窗口的宽度和高度
weixin_48596030的博客
08-23 4243
【获取页面width和height】js、jq判断浏览器窗口的宽度和高度
js获取页面高度获取视口高度获取内容高度获取滚动条宽度高度
angrynouse的博客
06-12 2837
element代表元素节点，代表页面中的一个个标签，也是DOM树的叶子。
js相对视口的高度_JavaScript获取视口宽高
weixin_42360237的博客
12-24 702
window对象和document对象window对象表示浏览器打开的窗口，window可省略，常见的window属性有innerWidth，parseInt，parseFloatdocument对象属于window对象，表示一个DOM树视口宽高// jquery获取视口宽高，不包括工具栏和滚动条console.log($(window).width()) // 939console.log($...
JS获取网页的宽高
最新发布
weixin_72329752的博客
07-16 310
这些方法将返回视口（viewport）的宽度和高度，即可见区域的宽度和高度，不包括滚动条和其他浏览器窗口装饰的部分。要获取网页的宽度和高度，可以使用 JavaScript 来动态获取。这些代码将返回整个页面的宽度和高度，包括滚动条和隐藏部分。
Jquery获取浏览器宽高的代码
weixin_34148340的博客
07-04 129
<script type="text/javascript">$(document).ready(function() {alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height()...
javascript 获取滚动条高度
溺水的鱼 - Later equals never.
08-20 1271
 /******************** * 取窗口滚动条高度 ******************/function getScrollTop(){    var scrollTop=0;    if(document.documentElement&&document.documentElement.scrollTop)    {       
Js/Jquery获取网页屏幕可见区域高度
滴水石穿
07-11 641
Js/Jquery获取网页屏幕可见区域高度 获取浏览器窗口的可视区域高度和宽度,滚动条高度 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度
jq获取页面高度_js与jquery获取屏幕宽度与高度
weixin_28758189的博客
02-01 172
1，javascript获取屏幕宽度与高度网页可见区域宽： document.body.clientwidth网页可见区域高： document.body.clientheight网页可见区域宽： document.body.offsetwidth (包括边线的宽)网页可见区域高： document.body.offsetheight (包括边线的高)网页正文全文宽： document.body....
JS和jquery获取各种屏幕的宽度和高度的代码
10-27
2. **网页可见区域高**：`document.body.clientHeight` 返回不包括滚动条的页面高度。 3. **网页可见区域宽（包括边线）**：`document.body.offsetWidth` 包括了边框的宽度。 4. **网页可见区域高（包括边线）**：`...
dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离
weixin_39606137的博客
12-22 1181
一,获取滚动条高度和位置jQuery获取览器显示区域的高度：$(window).height();获取浏览器显示区域的宽度：$(window).width();获取页面的文档高度：$(document).height();获取页面的文档宽度：$(document).width();获取滚动条到顶部的垂直高度：$(document).scrollTop()或$(window).scrollTop(...
jQuery获取页面及个元素高度、宽度的总结——超实用
12-11
在JavaScript的世界里，jQuery库提供了一种简洁的方式来处理DOM操作，包括获取页面和元素的高度与宽度。本篇文章将深入探讨如何使用jQuery获取不同层面的高度和宽度，以及与滚动条相关的属性。 首先，我们来了解几...
JQuery获取当前屏幕的高度宽度的实现代码
男儿当自强
05-29 1173
JQuery获取当前屏幕的高度宽度的实现代码 $(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档bo
chrome 窗体高度_js中获取窗口高度的方法
weixin_34409887的博客
12-23 432
取窗口滚动条滚动高度function getScrollTop(){var scrollTop=0;if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTo...
js相对视口的高度_JavaScript学习笔记：视口宽高、位置与滚动高度
weixin_39980360的博客
12-24 422
在很多场景下我们需要通过JavaScript来获取视口或DOM元素的大小、位置以及滚动高度。最常见的一个效果，导航吸顶的一个效果。那么今天就来学习这方面相关的知识。window 和 document在开始了解视口宽高、位置和滚动高度相关的知识之前，先简单的来了解window和document。在学习新的API之前，我都喜欢在调式工具中将对应的API打印出来。比如：window对象表示一个包含DOM...
jquery获取屏幕高度
kongjunchao159的博客
08-06 617
jquery获取屏幕高度： $(window).height();     //浏览器当前窗口可视区域高度 $(document).height();     //浏览器当前窗口文档的高度 $(document.body).height();     //浏览器当前窗口文档body的高度 $(document.body).outerHeight(true);     //浏览器当前窗口文档
javascript 获取视口的高度和宽度
weixin_30649641的博客
06-15 704
//获取视口的高度和宽度。function windowHeight() {var de = document.documentElement;return self.innerHeight||(de && de.offsetHeight)||document.body.offsetHeight;}function windowWidth() {var de = doc...
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
weixin_30646315的博客
11-10 158
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取：代码如下复制代码 1 document.body.offsetWidth 2 document.body.offsetHeight 在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：代码如下复制代码 1 document.documentEl...
JS/JQ获取各种屏幕的高度和宽度
AinUser的博客
11-03 849
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scro...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值