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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
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 相对文档的水平座标+垂直方向滚动的量
IE,FireFox 差异如下:
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
网页可见区域宽: 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
js获取屏幕高度、宽度相关推荐
- js获取屏幕高度宽度分辨率问题,当css3的@media查询写法不能解决问题时请看这个
当css的@media查询写法如下: @media screen and (max-width: 1920px) { .feature-table { height: 980px;backgr ...
- 关于js获取屏幕高度和宽度( window.document.body,window.screen)(PC端和移动端)
在使用JS的时候经常遇到的问题就是我需要获取当前屏幕的宽度和高度.每每到这个时候不知道使用哪个: widow.document.body.offsetWidth; window.screen.avai ...
- Flutter获取屏幕高度宽度,语言环境,触摸收起键盘,back按键
屏幕宽度高度:MediaQuery.of(context).size.width 屏幕宽度高度:MediaQuery.of(context).size.height 屏幕状态栏高度:MediaQuer ...
- Android获取屏幕高度宽度的方法
WindowManager wm = (WindowManager) this .getSystemService(Context.WINDOW_SERVICE); int width = wm.ge ...
- js和jQuery 获取屏幕高度、宽度
js获取屏幕高度,宽带 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body ...
- android屏幕密度高度,Android获取常用辅助方法(获取屏幕高度、宽度、密度、通知栏高度、截图)...
我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现.下面就分享一下Android中常用的一些辅助方法: 获取屏幕高度: /** * 获得屏幕高度 * @para ...
- 聊聊获取屏幕高度这件事
问题的起因是我发现 PopupWindow弹出位置不正确时发现的.其实早在两年多前,我就发现我手上的小米MIX2s 获取屏幕高度不正确,后面参考V2EX 的这篇帖子处理了.最近又一次做到类似功能,发现 ...
- 小程序中获取屏幕高度
屏幕高度问题 小程序中有时候需要获取屏幕高度使用,简单的通过wx.getSystemInfo即可获取到手机的系统信息 wx.getSystemInfo中有3个高度,分别是: screenHeight: ...
- 华为手机获取状态栏高度是错误的_聊聊获取屏幕高度这件事
问题的起因是我发现 PopupWindow弹出位置不正确时发现的.其实早在两年多前,我就发现我手上的小米MIX2s 获取屏幕高度不正确,后面参考V2EX 的这篇帖子处理了.最近又一次做到类似功能,发现 ...
- 小程序中获取屏幕高度及iPhoneX适配问题
屏幕高度问题 小程序中有时候需要获取屏幕高度使用,简单的通过wx.getSystemInfo即可获取到手机的系统信息 wx.getSystemInfo中有3个高度,分别是: screenHeight: ...
最新文章
- 新闻网站个人中心(查询用户的关注信息)流程分析
- leetcode 528. Random Pick with Weight
- Bio->Nio->Selector->Epoll->Netty
- linux之pmap命令
- java命令主动清空jvm_JVM史上最全实践优化没有之一
- 电脑重启bootmgr_解决电脑开机出现bootmgr is compressed的两大妙招
- (进阶)LeetCode(119)——杨辉三角 II(JavaScript)
- 算法刷题指南,来自GitHub 68.8k star的硬核算法教程
- jfreechart环形图完美实现
- PyTorch实现CNN
- 怎么把微信机器人挂在服务器上,微信群机器人怎么弄的群里面的机器人怎么弄的???...
- rs422/rs485通信接口原理图
- 网络知识-02 物理层
- 【LeetCode】P70 爬楼梯
- Led台灯对眼睛好吗?2022双十一不伤眼的护眼灯推荐
- java中时间的转换相关问题整理
- 指标梳理对成功实施BI项目有什么意义
- [转]真核生物预测软件
- 人和人最大的差别不是技术上的高低,而是你的人生观价值观
- 507. Perfect Number