文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

js获取各种高度总结

在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。抽空整理了我自己常用到的，时间仓促，没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度（屏幕分辨率）： window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度（去掉状态栏）： window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度： document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...： document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度（不加边线）： document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度（加边线）： document.body.offsetHeight document.body.offsetWidth

16.6K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度

    网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：window.screenTop 网页正文部分左：window.screenLeft...：window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度

    11.7K30

    JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度（转）

    (包括边线的宽)  网页可见区域高：document.body.offsetHeight (包括边线的宽)  网页正文全文宽：document.body.scrollWidth  网页正文全文高...,scrollWidth,clientWidth,offsetWidth  scrollHeight: 获取对象的滚动高度。 ...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...（2）在随后的JavaScript代码中，首先定义了两个变量winWidth和winHeight，用于保存窗口的高度值和宽度值。

    19.4K10

    想获取JS加载网页的源网页的源码，不想获取JS加载后的数据

    原来的那篇文章竟然爆文了，突破了1.5w的阅读量，欢迎大家围观。 不过这里粉丝的需求有点奇怪，他不需要JS加载后的数据页面，而是需要JS的源网页。昨天在群里又讨论起这个问题，这次一起来看看这个问题。...二、实现过程 这里【瑜亮老师】指出异步页面中，标签和数据都是不在页面源码中的。你的这个页面，数据在json，然后js拼装后显示在页面中。...，你就知道这个网页一开始是没有内容的，全靠js在渲染。...先渲染再获取就有了，再者说，你的目的肯定是只要这页面上的表格，表格就是json，获取json链接比获取渲染后的网页方便多了。...这篇文章主要盘点了一个Python网络爬虫网页JS渲染源网页源码获取的问题，文中针对该问题，给出了具体的解析和代码实现，帮助粉丝顺利解决了问题。

    2.6K10

    想获取JS加载网页的源网页的源码，不想获取JS加载后的数据

    原来的那篇文章竟然爆文了，突破了1.5w的阅读量，欢迎大家围观。 不过这里粉丝的需求有点奇怪，他不需要JS加载后的数据页面，而是需要JS的源网页。昨天在群里又讨论起这个问题，这次一起来看看这个问题。...二、实现过程 这里【瑜亮老师】指出异步页面中，标签和数据都是不在页面源码中的。你的这个页面，数据在json，然后js拼装后显示在页面中。...，你就知道这个网页一开始是没有内容的，全靠js在渲染。...先渲染再获取就有了，再者说，你的目的肯定是只要这页面上的表格，表格就是json，获取json链接比获取渲染后的网页方便多了。...这篇文章主要盘点了一个Python网络爬虫网页JS渲染源网页源码获取的问题，文中针对该问题，给出了具体的解析和代码实现，帮助粉丝顺利解决了问题。

    2.6K10

    vue.js数据渲染完成后，获取页面高度问题

    遇到的问题 通过接口请求出来的数据，渲染到页面上，再获取元素内容高度的时候，高度为0 为什么高度会是0 因为我是在接口返回数据后，就直接在回调函数里获取了元素内容的高度。...虽然数据获取到了，但是页面还没有及时的渲染出来，所以获取的内容高度就为0了 然后我就延迟2秒获取内容高度，发现内容高度是渲染完成后的正常高度，但是这样肯定是不行的。...部分代码示例一： mounted() { this.getDataList(); //调用方法 }, methods: { //获取数据列表 getDataList() {...1&keywords=') .then(function (res) { that.dataList = res.data.data; //将获取到的数据赋值给...=1&keywords=') .then(function (res) { that.dataList = res.data.data; //将获取到的数据赋值给

    7.9K30

    js 获取浏览器高度和宽度值(多浏览器)

    (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight 网页被卷去的高： document.body.scrollTop...网页被卷去的左： document.body.scrollLeft 网页正文部分上： window.screenTop 网页正文部分左： window.screenLeft 屏幕分辨率的高...window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

    12.7K60

    JavaScript 获取屏幕的高度和宽度

    screen.width:显示浏览器的屏幕的宽度 screen.Height:显示浏览器的屏幕的高度 screen.availWidth：显示浏览器的屏幕的可用宽度 screen.availHeight...:显示浏览器的屏幕的可用高度（这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间。）...document.body.offsetWidth：网页可见区域宽(包括边线的宽) document.body.offsetHeight:网页可见区域高（包括边线的高） ?...document.body.clientWidth：网页可见区域宽 document.body.clientHeight：网页可见区域高 document.body.scrollWidth：网页正文全文宽...document.body.scrollHeight：网页正文全文高 document.body.scrollTop：网页被卷去的高  document.body.scrollLeft：网页被卷去的左

    10.8K20

    JavaScript获取高度和宽度

    屏幕分辨率为：screen.width screen.height 屏幕可用大小：screen.availWidth screen.availHeight 网页可见区域宽：document.body.clientWidth...网页可见区域高：document.body.clientHeight 网页可见区域宽(包括边线的宽)：document.body.offsetWidth 网页可见区域高(包括边线的宽)：document.body.offsetHeight...网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop...网页被卷去的左：document.body.scrollLeft 网页正文部分上：window.screenTop 网页正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height...屏幕分辨率的宽：window.screen.width 屏幕可用工作区高度：window.screen.availHeight 屏幕可用工作区宽度：window.screen.availWidth

    5.8K60

    Javascript 获取div真实高度

    注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。 现 在的前端制作很少直接把样式写style里了，都是写在样式表里。...如果你要获取的样式没有相对应的（就像#div1.style.width对 应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。...原文：http://www.cnblogs.com/zhwl/p/3858682.html 实际测试过程中，发现上面获取真实高度是有问题，其实无论是设置在样式表还是在行内设置，都会获取到你设置的值，如果要获取真实高度...： alert(parseInt($('.article__content div').get(0).offsetHeight)); 获取时只要在这个样式里面的div大小，这个就是真实高度。...这里还附带其它的获取高度方法 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度

    7.1K30

    js 获取浏览器高度和宽度值(多浏览器)

    ==> 页面对象高度（即BODY对象高度加上Margin高） 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight...网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽：...HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

    9.9K80

    动态网页爬取：Python如何获取JS加载的数据？

    在当今的互联网时代，网页数据的动态加载已经成为一种常见的技术手段。许多现代网站通过JavaScript（JS）动态加载内容，这使得传统的静态网页爬取方法难以奏效。...一、动态网页与JS加载数据的原理在传统的静态网页中，网页的内容在服务器端生成后直接发送到客户端浏览器，爬虫可以直接通过HTTP请求获取完整的HTML内容。...2前端框架渲染：如React、Vue.js等前端框架，通过JavaScript动态构建DOM元素并渲染页面内容。3WebSockets：通过实时通信协议动态接收服务器推送的数据并更新页面。...二、Python爬取JS加载数据的方法（一）分析网络请求在许多情况下，动态加载的数据实际上是通过AJAX请求从服务器获取的。因此，我们可以通过分析网页的网络请求来找到数据的来源。1....通过Selenium，我们可以加载完整的网页，执行JavaScript代码，并获取最终渲染后的页面内容。2.

    1.9K10

    js 获取浏览器高度和宽度值(多浏览器)

    ==> 页面对象高度（即BODY对象高度加上Margin高） 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight...网页正文全文高： document.body.scrollHeight 网页被卷去的高： document.body.scrollTop 网页被卷去的左： document.body.scrollLeft...,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

    7.7K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券