clientHeight
ELEMENT.clienHeight这个属性是只读属性，对于没有定义CSS或者内联布局盒子的元素为0，否则，它是元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、 边框和外边距。clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度 (如果存在)来计算，注意他是个整数
clientWidth
Element.clientWidth内联元素以及没有 CSS 样式的元素的 **clientWidth** 属性值为 0。**Element.clientWidth** 属性表示元素的内部宽度，以像素计。该属性 包括内边距padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。注意他是个整数
clientLeft
Element.clientLeft表示一个元素的左边框的宽度，以像素表示。如果元素的文本方向是从右向左（RTL, right-to-left），并且由于内容溢出导致左边出现了一个垂 直滚动条，则该属性包括滚动条的宽度。clientLeft 不包括左外边距和左内边距。clientLeft 是只读的。
clientTop
Element.clientTop一个元素顶部边框的宽度（以像素表示）。不包括顶部外边距或内边距。 clientTop 是只读的。
offsetHeight
HTMLElement.offsetHeight是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。通常，元素的offsetHeight是一种元素CSS高度的衡量标准，包括元素的边框、内边距和元素的水平滚动条（如果存在且渲染的话），不包含:before或:after等伪类元素的高度。对于文档的body对象，它包括代替元素的CSS高度线性总含量高。浮动元素的向下延伸内容高度是被忽略的。 如果元素被隐藏（例如 元素或者元素的祖先之一的元素的style.display被设置为none），则返回0
offsetWidth
HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（译者注：各浏览器的offsetWidth可能有所不同） offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽度(width)的值，同 offsetHeight是不计算滚动之外的宽度的。
offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetParent获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。offsetTop获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。offsetX设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。clientX,clientY鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0screenX,screenY是相对于用户显示器的位置- 网页可见区域宽：
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
若有收获，就点个赞吧
0 人点赞
