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