JS中获取各种窗口大小

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

var t="";
t+="\n网页可见区域宽："+ document.body.clientWidth;  
t+="\n网页可见区域高："+ document.body.clientHeight;  
t+="\n网页可见区域宽："+ document.body.offsetWidth;//      (包括边线的宽)  
t+="\n网页可见区域高："+ document.body.offsetHeight;//      (包括边线的宽)  
t+="\n网页正文全文宽："+ document.body.scrollWidth;  
t+="\n网页正文全文高："+ document.body.scrollHeight;  
t+="\n网页被卷去的高："+ document.body.scrollTop;  
t+="\n网页被卷去的左："+ document.body.scrollLeft;  
t+="\n网页正文部分上："+ window.screenTop;  
t+="\n网页正文部分左："+ window.screenLeft;  
t+="\n屏幕分辨率的高："+ window.screen.height;  
t+="\n屏幕分辨率的宽："+ window.screen.width;  
t+="\n屏幕可用工作区高度："+ window.screen.availHeight;  
t+="\n屏幕可用工作区宽度："+ window.screen.availWidth;

t+="\n鼠标X位置："+ event.clientX;
t+="\n鼠标Y位置："+ event.clientY;

注意，在使用了W3C标准的网页中，document.body.scrollTop和document.body.scrollLeft会失效，这时要用document.documentElement.scrollTop 和document.documentElement.scrollLeft。

转载于:https://www.cnblogs.com/see7di/archive/2008/01/30/2240054.html