JavaScript获取页面高度

最新推荐文章于 2024-08-25 01:04:00 发布
最新推荐文章于 2024-08-25 01:04:00 发布
阅读量673 收藏 3
点赞数
文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaobai_longma/article/details/124859357
版权
  • 网页可见区域宽：document.body.clientWidth
  • 网页可见区域高：document.body.clientHeight
  • 网页可见区域宽：document.body.offsetWidth(包括边线的宽)
  • 网页可见区域高：document.body.offsetHeight(包括边线的宽)
  • 网页正文全文宽：document.body.scrollWidth
  • 网页正文全文高：document.body.scrollHeight
  • 网页被卷去的高：document.body.scrollTop(IE7无效)
  • 网页被卷去的左：document.body.scrollLeft(IE7无效)
  • 网页被卷去的高：document.documentElement.scrollTop(IE7有效)
  • 网页被卷去的左：document.documentElement.scrollLeft(IE7有效)
  • 网页正文部分上：window.screenTop
  • 网页正文部分左：window.screenLeft
  • 屏幕分辨率的高：window.screen.height
  • 屏幕分辨率的宽：window.screen.width
  • 屏幕可用工作区高度：window.screen.availHeight
  • 屏幕可用工作区宽度：window.screen.availWidth
  • 相对于窗口左上角的X：window.event.clientX
  • 相对于窗口左上角的Y：window.event.clientY
  • 相对于整个页面的X：window.event.X 相对于整个页面的Y：window.event.Y
snack～Hope
关注
使用JavaScript获取网页高度的技巧
带你成为别人眼中的大佬！
10-16 338
总结起来，使用JavaScript获取网页高度的技巧是通过比较多个属性值来获得最准确的高度值。如果你的网页有特殊的需求或动态变化的布局，请根据具体情况进行调整和优化。然而，如果你的网页中存在异步加载的内容或动态变化的布局，那么在特定情况下，这种方法可能无法获得准确的高度值。请注意，由于不同浏览器和文档结构可能会有所不同，因此我们使用了多个属性进行比较，以确保我们获取到最准确的高度值。获取网页的高度是在Web开发中常见的需求之一。在JavaScript中，我们可以使用不同的技巧来获取网页的高度。
javascript 获取页面的高度及滚动条的位置的代码
12-11
代码如下: var Viewport={ top : function(){ return window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop; }, height : function(){ return window...
js获取网页高度(详细整理)
10-27
js获取网页高度包括(网页可见区域高，屏幕分辨率的高，屏幕可用工作区高度,js 获取浏览器高度 js 获取屏幕高度)等等，各种高度,本文详细整理了一些，需要了解的朋友可以参考下
屏幕宽高的取值
woaipaiqiu的专栏
04-02 899
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth(包括边线的宽) 网页可见区域高：document.body.offsetHeight(包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高
获取浏览器宽高
最新发布
weixin_64684095的博客
08-25 472
这是较为常用的方法。
js获取网页高度
飞鸟的博客
11-12 440
function getInfo()  {  var s = "";  s += " 网页可见区域宽："+ document.body.clientWidth;  s += " 网页可见区域高："+ document.body.clientHeight;  s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";  s
JavaScript获取屏幕和窗口尺寸
weixin_30947043的博客
10-30 115
<SCRIPTLANGUAGE="JavaScript"> vars="网页可见区域宽："+document.body.clientWidth; s+="\r\n网页可见区域高："+document.body.clientHeight; s+="\r\n网页正文全文宽："+document.body.scrollWidth; s...
js获取高度和html自适应高度
m18500961204的博客
08-03 1076
js读取高度：http://www.cnblogs.com/fnz0/p/5510758.html html自适应高度：http://www.cnblogs.com/yoyogis/p/4040513.html
javascript 获取网页高度宽度.pdf
11-23
以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置：** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....
javascript获取网页高度宽度.rar
01-31
总结，JavaScript获取网页高度和宽度的方法多种多样，可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域，理解并熟练掌握这些技术可以帮助学生更好地构建动态、...
Javascript 获取页面高度（多种浏览器）
06-18
本文将深入探讨如何使用 JavaScript 在不同浏览器中获取页面高度。 首先，我们有两个基本属性可以用来获取页面的宽度和高度：`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `...
js 获取屏幕各种宽高的方法(浏览器兼容)
10-27
js 获取屏幕各种宽高的方法(浏览器兼容)，需要的朋友可以参考一下
js获取屏幕的高度与宽度
09-16
js获取屏幕的高度与宽度。。。。。。。。。。。
js-获取页面宽高各种方法
态度决定一切
09-29 356
  console.log('网页可见区域-w: '+document.body.clientWidth+' ,H: '+document.body.clientHeight); console.log('网页可见区域((包括边线的宽高))-w: '+document.body.offsetWidth+' ,H: '+document.body.offsetHeight); console.l...
js、jQuery获取页面中的各种宽度和高度
SweetoDream
08-25 7594
在JavaScript和jQuery中，对获取各种高度和宽度都有定义方法和属性，下面我们主要来说明一下获取窗口和文档的高度（宽度与高度相同）。jQuery中的方法 $(document).height();//整个网页的高度 $(window).height();//浏览器可视窗口的高度 $(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直
Javascript技巧之：body的height:100%高度，自适应窗口大小
quit1111的博客
11-29 2030
有的文章通过设置以下解决此问题，但改变了body的style.height会造成一些不必要的影响和麻烦，比如不必要的滚动条、超出body高度部分的显示问题等。经常需要设计一个全屏的html网页应用，但当你定义body直接子元素的高度为"100%"或通过以下代码设置元素高度时，确遗憾地发现body的高度并非当前窗口的可见高度。那么，有什么办法解决此问题呢？
js实现图片宽为屏幕宽，高度自适应
m0_72684019的博客
06-30 487
【代码】js实现图片宽为屏幕宽，高度自适应。
js代码实现自适应宽高
snow_living的博客
10-17 2127
(document.body).outerHeight(true)　//浏览器时下窗口文档body的总高度 包括border padding margin。$(document.body).outerWidth(true)　//浏览器时下窗口文档body的总宽度 包括border padding。$(document.body).height()　　　　　　//浏览器时下窗口文档body的高度。$(document.body).width()　　　　　　//浏览器时下窗口文档body的高度。
js 页面内容-自适应-高宽固定（通过transform缩放）
wuguiluoji的博客
07-19 264
【代码】js 页面内容-自适应-高宽固定（通过transform缩放）
JavaScript获取页面与元素尺寸函数详解
"这篇文章主要汇总了JavaScript中用于获取页面元素及窗口高度和宽度的各种函数，包括获取视窗大小、元素自身大小以及可见区域尺寸的方法。通过示例代码展示了如何操作DOM元素来获取这些信息，适合JavaScript初学者和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值