1.screen下的属性

height，width，返回屏幕的总宽度

availHeight，availWidth，返回屏幕的宽度（不包括Windows任务栏）

2.window下的属性

outerHeight，outerWidth，返回窗口的外部宽度，包含工具条与滚动条。

innerHeight，innerWidth，返回窗口的文档显示区的宽度。

pageXOffset，pageYOffset，返回文档在窗口左上角水平和垂直方向滚动的像素。（同3的最后一条）

screenX，screenY，||   screenLeft，screenTop，返回窗口相对于屏幕的x，y坐标（后者是IE的）

3.element下的属性

clientHeight，clientWidth，在页面上返回内容的可视宽度（不包括边框，边距或滚动条）

offsetParent，返回当前元素相对于哪个元素偏移的

offsetLeft，offsetTop，返回当前元素相对于父元素水平，垂直偏移的位置

offsetHeight，offsetWidth，返回元素的宽度，包括内边框和填充

scrollHeight，scrollWidth，返回元素的整个宽度（包括带滚动条的隐蔽的地方）

scrollLeft，scrollTop，网页被卷去的高

4.事件触发时的属性

clientX，clientY，相对于窗口

screenX，screenY，相对于屏幕

例子：

1）JavaScript

网页可见区域高： document.body.clientHeight
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕可用工作区高度： window.screen.availHeight

2）JQuery:

$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})