js 获取屏幕或元素宽高...

Posted 2020-12-05 raunds

窗口相对于屏幕顶部距离 window.screenTop

窗口相对于屏幕左边距离 window.screenLeft,

屏幕分辨率的高 window.screen.height,

屏幕分辨率的宽 window.screen.width,

屏幕可用工作区高度 window.screen.availHeight,

屏幕可用工作区宽度 window.screen.availWidth

网页滚动距离顶部距离 document.body.scrollTop

网页滚动距离左边距离 document.body.scrollLeft

 

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

对应的dom元素的宽高有以下几个常用的：

元素的实际高度：document.getElementById("div").offsetHeight

元素的实际宽度：document.getElementById("div").offsetWidth

元素的实际距离左边界的距离：document.getElementById("div").offsetLeft

元素的实际距离上边界的距离：document.getElementById("div").offsetTop