BOM/DOM各种位置及大小

1.clientHeight

clientHeight 是内容可视区域的高度，不含border、scrollbar,包含padding.也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

2.offsetHeight

返回元素实际大小，包含边框、内边距和滚动条。IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。 NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

3.scrollHeight

无内容溢出同lcientHeight.IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。 NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

4.clientLeft和clientTop

这组属性可以获取元素设置了左边框和上边框的大小。

5.offsetLeft和offsetTop

这组属性可以获取当前元素相对于父元素的位置。只包含父元素padding,本身margin;定位relative实际位置加上定位值，JS取值忽略父元素padding,定位absolute全忽略父元素padding.

6.offsetParent :

当前对象的上级层对象.这里的父节点，指的是相对于父节点，也就是说某个元素相对于谁定位，谁就是他的父亲。
注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上级层,(即对象的上级层会跳过DIV对象)上级层是Table时则不会有问题.
利用这个属性，可以得到当前对象在不同大小的页面中的绝对位置．

7.scrollTop和scrollLeft

这组属性可以获取滚动条被隐藏的区域大小，滚动条拉动的距离．也可设置定位到该区域。

8.本组不计算相对最外层边框

clientX, clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；
offsetX, offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；
screenX, screenY是相对于用户显示器的位置

9.

屏幕分辨率的高(window.screen.height)：768
屏幕分辨率的宽(window.screen.width)：1366

10.

获取视窗大小(跟窗口大小有关)
window.innerWidth可见区域宽: 1045
window.innerHeight可见区域高: 615
document.documentElement.clientWidth可见区域宽: 1028
document.documentElement.clientHeight可见区域高: 615

11.

screenLeft和screenTop属性返回窗口相对于屏幕的X和Y坐标。 FF不支持
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标。IE不支持