js获取浏览器的各种属性

网页可见区域宽： 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;

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

要获取当前页面的滚动条纵坐标位置，用：

document.documentElement.scrollTop;

而不是：

document.body.scrollTop;

documentElement 对应的是 html 标签，而 body 对应的是 body 标签

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

# js获取浏览器高度  # js获取浏览器宽度  # js获取浏览器属性  # js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法  # js 获取浏览器高度和宽度值(多浏览器)  # js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码  # js 获取屏幕各种宽高的方法(浏览器兼容)  # javascript获取设置div的高度和宽度兼容任何浏览器  # javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等  # JS获取屏幕  # 浏览器窗口大小  # 网页高度宽度(实现代码)  # 的是  # 相对于  # 或由  # 文档  # 左端  # 窗口中  # 滚动条  # 而不是  # scrollTop  # screenTop  # screenLeft  # scrollLeft  # window  # 被卷去  # clientWidth  # clientHeight  # document  # body  # offsetWidth  # scrollWidth 

相关文章： 香港服务器租用费用高吗？如何避免常见误区？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  建站之星会员如何解锁更多建站功能？  如何用wdcp快速搭建高效网站？  如何快速搭建高效简练网站？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  太平洋网站制作公司,网络用语太平洋是什么意思？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  微信小程序 五星评分(包括半颗星评分)实例代码  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  学校建站服务器如何选型才能满足性能需求？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何通过智能用户系统一键生成高效建站方案？  股票网站制作软件,网上股票怎么开户？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  如何配置IIS站点权限与局域网访问？  代购小票制作网站有哪些,购物小票的简要说明？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  ,网页ppt怎么弄成自己的ppt？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  营销式网站制作方案,销售哪个网站招聘效果最好？  建站之星ASP如何实现CMS高效搭建与安全管理？  建站之星展会模板：智能建站与自助搭建高效解决方案  Python文件管理规范_工程实践说明【指导】  建站之星后台密码遗忘如何找回？  如何撰写建站申请书？关键要点有哪些？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  设计网站制作公司有哪些,制作网页教程？  高性价比服务器租赁——企业级配置与24小时运维服务  ,网站推广常用方法？  C++时间戳转换成日期时间的步骤和示例代码  临沂网站制作公司有哪些,临沂第四中学官网？  如何获取上海专业网站定制建站电话？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  成都网站制作报价公司,成都工业用气开户费用？  建站之星如何防范黑客攻击与数据泄露？  网站制作模板下载什么软件,ppt模板免费下载网站？  如何彻底卸载建站之星软件？  如何挑选最适合建站的高性能VPS主机？  建站之星后台密码遗忘？如何快速找回？  制作证书网站有哪些,全国城建培训中心证书查询官网？  如何生成腾讯云建站专用兑换码？  专业商城网站制作公司有哪些,pi商城官网是哪个？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  网页设计与网站制作内容,怎样注册网站？  建站主机是什么？如何选择适合的建站主机？  建站主机服务器选型指南与性能优化方案解析  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程