网页可见区域宽：document.body.clientWidthJS中获取各种窗口大小

• 2009-04-22
• 1729 View

网页可见区域宽：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.availWidthvar 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。