js的offsetTop到底是距离父元素的距离还是距离body的距离，或者是屏幕顶端的距离啊？好混乱

屏幕顶端的距离
网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）
(javascript) document.documentElement.scrollTop //firefox
(javascript) document.documentElement.scrollLeft //firefox
(javascript) document.body.scrollTop //IE
(javascript) document.body.scrollLeft //IE
(jqurey) $(window).scrollTop()
(jqurey) $(window).scrollLeft()
网页工作区域的高度和宽度
(javascript) document.documentElement.clientHeight// IE firefox
(jqurey) $(window).height()
元素距离文档顶端和左边的偏移值
(javascript) DOM元素对象.offsetTop //IE firefox
(javascript) DOM元素对象.offsetLeft //IE firefox
(jqurey) jq对象.offset().top
(jqurey) jq对象.offset().left

	
	
	
		html{background:#fff; padding:10px; margin:0;}
		body{background:#ccc; padding:20px; margin:0;}
		#outer{ background:#0a0; padding:50px; height:500px;}
		#inner{ background:#a00; height:100px;}
	


window.onload = function(){
	var inner = document.getElementById("inner");
	alert(inner.offsetTop); // 80
};


	
		abc