原生js获取浏览器窗口及元素宽高常用方法集合

窗口可视区域宽度： document.documentElement.clientWidth || document.body.clientWidth;

窗口可视区域高度： document.documentElement.clientHeight || document.body.clientHeight;

窗口可视区域宽度+边线和滚动条： document.body.offsetWidth ;

窗口可视区域高度+边线和滚动条： document.body.offsetHeight ;

实际内容的宽度： document.body.scrollWidth;

实际内容的高度： document.body.scrollHeight;

滚动条下拉被卷起来的距离：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滚动条侧拉被卷起来的距离：document.body.scrollLeft || document.documentElement.scrollLeft ;

网页正文部分上：window.screenTop;

网页正文部分左：window.screenLeft;

元素的宽度：obj.offsetWidth;

元素的高度：obj.offsetHeight;

相对于父元素的上位移：obj.offsetTop;（在元素的包含元素不含滚动条的情况下）

相对于父元素的左位移：obj.offsetLeft;（在元素的包含元素不含滚动条的情况下）

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 原生js获取窗口高度  # js获取浏览器窗口大小  # javascript窗口宽高  # 鼠标位置  # 滚动高度(详细解析)  # JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理  # js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码  # 浏览器常用高宽的jquery插件  # js 获取浏览器高度和宽度值(多浏览器)  # js获取浏览器和屏幕的各种宽度高度  # js 获取屏幕各种宽高的方法(浏览器兼容)  # javascript获取设置div的高度和宽度兼容任何浏览器  # JS获取屏幕  # 浏览器窗口大小  # 网页高度宽度(实现代码)  # javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等  # JavaScript获取当前窗口内的宽度和高度汇总  # 滚动条  # 不含  # 相对于  # 情况下  # clientHeight  # offsetWidth  # offsetHeight  # scrollWidth  # document  # strong  # documentElement  # body  # clientWidth  # scrollHeight  # screenLeft  # screenTop  # obj  # offsetLeft  # offsetTop  # window 

相关文章： c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  头像制作网站在线制作软件,dw网页背景图像怎么设置？  c# 在高并发场景下，委托和接口调用的性能对比  如何在橙子建站上传落地页？操作指南详解  C++用Dijkstra(迪杰斯特拉)算法求最短路径  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  官网建站费用明细查询_企业建站套餐价格及收费标准指南  建站之星安装模板失败：服务器环境不兼容？  内部网站制作流程,如何建立公司内部网站？  建站之星后台密码遗忘或太弱？如何重置与强化？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何通过万网虚拟主机快速搭建网站？  设计网站制作公司有哪些,制作网页教程？  建站之星微信建站一键生成小程序+多端营销系统  建站主机无法访问？如何排查域名与服务器问题  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  网站制作价目表怎么做,珍爱网婚介费用多少？  如何通过VPS建站无需域名直接访问？  建站168自助建站系统：快速模板定制与SEO优化指南  如何选择靠谱的建站公司加盟品牌？  如何在阿里云ECS服务器部署织梦CMS网站？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  平台云上自主建站：模板化设计与智能工具打造高效网站  宝塔新建站点报错如何解决？  如何用VPS主机快速搭建个人网站？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  免费网站制作appp,免费制作app哪个平台好？  ,有什么在线背英语单词效率比较高的网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  如何挑选最适合建站的高性能VPS主机？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  油猴 教程,油猴搜脚本为什么会网页无法显示？  制作营销网站公司,淘特是干什么用的？  西安专业网站制作公司有哪些,陕西省建行官方网站？  如何选购建站域名与空间？自助平台全解析  c# 在ASP.NET Core中管理和取消后台任务  如何通过FTP空间快速搭建安全高效网站？  长沙企业网站制作哪家好,长沙水业集团官方网站？  大同网页,大同瑞慈医院官网？  如何打造高效商业网站？建站目的决定转化率  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  如何通过远程VPS快速搭建个人网站？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  广州顶尖建站服务：企业官网建设与SEO优化一体化方案