前端开发中用到的位置和尺寸

dom元素的位置和尺寸属性

clientWidth/clientHeight

clientHeight和clientWidth用于描述元素内尺寸,是指 元素内容+内边距 大小,不包括边框(IE下实际包括)、外边距、滚动条部分

clientLeft/clientTop

clientTop和clientLeft返回内边距的边缘和边框的外边缘之间的水平和垂直距离,也就是左,上边框宽度

offsetWidth/offsetHeight

offsetHeight和offsetWidth用于描述元素外尺寸,是指 元素内容+内边距+边框,不包括外边距和滚动条部分

offsetLeft/offsetTop

offsetTop和offsetLeft表示该元素的左上角(边框外边缘)与已定位的父容器(offsetParent对象)左上角的距离

scrollWidth/scrollHeight

scrollLeft/scrollTop

参考链接

JavaScript获取DOM元素位置和尺寸大小
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度