javascript、jquery获取网页的高度和宽度

zxhaaa 发布于2019-08-21 10:44 / 3293人阅读

摘要：可视区域宽可视区域高可视区域宽包括边线的宽可视区域高包括边线的高内容高文档高纵向滚动的距离横向滚动的距离可视区域宽可视区域高页面的文档宽页面的文档高获取滚动条到左边的垂直宽度获取滚动条到顶部的垂直高度

javascript：

可视区域宽：document.documentElement.clientWidth （width + padding）

可视区域高：document.documentElement.clientHeight （height + padding）

可视区域宽： document.body.offsetWidth (包括边线的宽： width + padding + border)

可视区域高： document.body.offsetHeight (包括边线的高：height + padding + border)

内容高： document.body.scrollHeight

文档高： document.body.offsetHeight

纵向滚动的距离： document.body.scrollTop || document.documentElement.scrollTop

横向滚动的距离： document.body.scrollLeft || document.documentElement.scrollLeft

jquery:

可视区域宽 : $(window).width()

可视区域高：$(window).height()

页面的文档宽：$(document).width();

页面的文档高：$(document).height();

获取滚动条到左边的垂直宽度：$(document).scrollLeft();

获取滚动条到顶部的垂直高度：$(document).scrollTop();

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86097.html

关于JS、JQ获取可视区域的高度、宽度以及屏幕分辨率的那些事

摘要：用和获取相关属性网页可见区域宽网页可见区域高网页可见区域宽包括边框的宽网页可见区域高包括边框的高网页正文全文宽网页正文全文高网页下滑的距离网页左滑的距离屏幕分辨率的高屏幕分辨率的宽屏幕可用工作区的高屏幕可用工作区的高浏览器可视区域的内宽度，用JS和JQ获取相关属性 JavaScript document.body.clientWidth;//网页可见区域宽document.body....

or0fun 2019-08-21 11:35 评论0 收藏0
移动web开发问题和经验总结

摘要：的事件默认绑在上的抓包浏览器连接安卓机测试实用网站适配测试兼容性网站前端开发雅虎条优化准则前言这里大部分是自己遇到过的情况，还有一部分借鉴了同行的文章，如果大家有遇到其它坑，欢迎提出来一起研究。知识要点 1. Meta标签 1.禁止用户缩放页面，页面强制让文档的宽度与设备的宽度保持1:1 2.禁止ios上自动识别电话 3.禁止android上自动识别邮箱 4.针对ios上的...

MorePainMoreGain 2019-08-02 16:02 评论0 收藏0
移动web开发问题和经验总结

摘要：的事件默认绑在上的抓包浏览器连接安卓机测试实用网站适配测试兼容性网站前端开发雅虎条优化准则前言这里大部分是自己遇到过的情况，还有一部分借鉴了同行的文章，如果大家有遇到其它坑，欢迎提出来一起研究。知识要点 1. Meta标签 1.禁止用户缩放页面，页面强制让文档的宽度与设备的宽度保持1:1 2.禁止ios上自动识别电话 3.禁止android上自动识别邮箱 4.针对ios上的...

yexiaobai 2019-08-30 14:14 评论0 收藏0
移动web开发问题和经验总结

摘要：的事件默认绑在上的抓包浏览器连接安卓机测试实用网站适配测试兼容性网站前端开发雅虎条优化准则前言这里大部分是自己遇到过的情况，还有一部分借鉴了同行的文章，如果大家有遇到其它坑，欢迎提出来一起研究。知识要点 1. Meta标签 1.禁止用户缩放页面，页面强制让文档的宽度与设备的宽度保持1:1 2.禁止ios上自动识别电话 3.禁止android上自动识别邮箱 4.针对ios上的...

Wildcard 2019-08-22 15:44 评论0 收藏0