javaScript获取页面宽度高度大全以及元素的位置

TABLE 宽度 document.getElementById("ta").childNodes[0].childNodes[0].offsetWidth网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop(IE7无效)网页被卷去的左：document.body.scrollLeft(IE7无效)网页被卷去的高：document.documentElement.scrollTop(IE7有效)网页被卷去的左：document.documentElement.scrollLeft(IE7有效)网页正文部分上：window.screenTop网页正文部分左：window.screenLeft屏幕分辨率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availHeight屏幕可用工作区宽度：window.screen.availWidth相对于窗口左上角的X：window.event.clientX相对于窗口左上角的Y：window.event.clientY相对于整个页面的X：window.event.X相对于整个页面的Y：window.event.Y

//通过id获得该元素

var e = document.getElementById( id ); var x= e.offsetLeft, y = e.offsetTop, h = e.clientHeight, w = e.clientWidth; while (e = e.offsetParent) {   x += e.offsetLeft;  y += e.offsetTop;           }