JS中取得的关于窗口宽高和滚动值的属性列表

引自：http://blog.csdn.net/kindma/article/details/5830508

就在同一个版本同一浏览器中，标准模式与混杂模式的定义也大不相同，比如document.documentElement.scrollWidth和document.body.scrollWidth，在混杂模式中，后者有效前者无效，在标准模式中前者有效后者无效，直接让人崩溃。无奈之下，把这个参数用JS统一列出来，一个个做实验，这才做成了一个完整的结果。如下表，当然，这只是在标准模式下，混杂模式我一般不用，也没精力去研究了。

　　

	IE6	IE8	FF	OPREA	CHROME
window.screen.width:	屏幕宽
window.screen.height:	屏幕高
window.screen.availWidth:	窗口最大化后宽度
window.screen.availHeight:	窗口最大后的高度
window.scrollMaxX:			最大横向滚动幅度，即BODY加左MARGIN减去窗口显示区不含滚动棒的宽度后的值
window.scrollMaxY:			最大纵向滚动幅度，即BODY加上下MARGIN减去窗口显示区不含滚动棒的高度后的值
window.scrollX:			左滚动值
window.scrollY:			上滚动值
window.pageXOffset:			左滚动值
window.pageYOffset:			上滚动值
window.screenX:			窗口左上角离屏幕左上角横向距离	标准模式下均为0.	窗口左上角离屏幕左上角横向距离
window.screenY:			窗口左上角离屏幕左上角纵向距离	标准模式下均为0.	窗口左上角离屏幕左上角纵向距离
window.innerWidth:			窗口显示区宽含滚动棒，同IE8的document.documentElement.offsetWidth:
window.innerHeight:			窗口显示区高含滚动棒，同IE的document.documentElement.offsetHeight:
window.screen.availTop			窗口最大化后的window.screenX:		窗口最大化后的window.screenX:
window.screen.availLeft			窗口最大化后的window.screenY:		窗口最大化后的window.screenY:
document.body.offsetWidth:	窗口显示区不含滚动棒宽度减去左右margin值后的数字/BODY宽度两者取大值	窗口显示区不含滚动棒宽度减左右MARGIN,最小为0
document.body.offsetHeight:	BODY高度,不含滚动棒与MARGIN
document.body.scrollWidth:	同IE6的document.body.offsetWidth:		同IE8，FF，oprea的document.body.offsetWidth:		浏览器窗口的宽度，最小值取BODY加MARGINLEFT值，不含滚动棒
document.body.scrollHeight:	同IE,FF,OPREA的document.body.offsetHeight:				BODY高度加MARGIN值/窗口显示区高度不含滚动棒取两者取其大
document.body.scrollLeft:	标准模式下均为0.				左滚动值
document.body.scrollTop:					上滚动值
document.body.clientTop:					标准模式下均为0.
document.body.clientLeft:					标准模式下均为0.
document.body.clientWidth:	窗口显示区不含滚动棒宽度/BODY宽度两者之最大值	同IE8，FF，oprea的document.body.offsetWidth:
document.body.clientHeight:	同IE,FF,OPREA的document.body.offsetHeight:
document.documentElement.offsetWidth:	窗口显示区的宽度，含滚动棒		浏览器窗口的宽度，不含滚动棒
document.documentElement.offsetHeight:	窗口显示区的高度，含滚动棒		BODY高度加MARGIN
document.documentElement.scrollWidth:	窗口显示区宽度不含滚动棒/BODY加两边MARGIN两者中大值	窗口显示区不含滚动棒宽度/BODY宽度加左GARGIN值两者中最大值
document.documentElement.scrollHeight:	BODY的高度	BODY加上下MARGIN值	窗口显示区不含滚动棒高度/body加上下MARGIN两者中最大值	同IE8
document.documentElement.scrollLeft:	左滚动值				0
document.documentElement.scrollTop:	上滚动值				0
document.documentElement.clientTop:	2	标准模式下均为0.
document.documentElement.clientLeft:	2	标准模式下均为0.
document.documentElement.clientWidth:	窗口显示区的宽度，不含滚动棒
document.documentElement.clientHeight:	窗口显示区的高度，不含滚动棒
document.width:			同IE8，FF，oprea的document.body.offsetWidth:		同document.body.scrollWidth
document.height:			同IE8，FF，oprea的document.body.offsetWidth:		document.body