clientWidth网页可见区域宽

clientWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条，是一个整数，单位是像素 px。

内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。

使用 offsetHeight 和 offsettWidth 属性返回元素的可见高度和宽度，包括内边距（padding）和边框（border）。

offsetHeight 属性是一个只读属性，它返回该元素的像素高度，高度包含内边距（padding）和边框（border），不包含外边距（margin），是一个整数，单位是像素 px。

通常，元素的 offsetHeight 是一种元素 CSS 高度的衡量标准，包括元素的边框、内边距和元素的水平滚动条（如果存在且渲染的话），不包含 :before或 :after 等伪类元素的高度。

对于文档的 body 对象，它包括代替元素的 CSS 高度线性总含量高。浮动元素的向下延伸内容高度是被忽略的。

如果元素被隐藏（例如：元素或者元素的祖先之一的元素的 style.display 被设置为 none），则返回 0。

s = " 网页可见区域宽：" document.body.clientWidth; 

s = " 网页可见区域高：" document.body.clientHeight; 

s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)"; 

s = " 网页可见区域高：" document.body.offsetHeight " (包括边线的宽)"; 

s = " 网页正文全文宽：" document.body.scrollWidth; 

s = " 网页正文全文高：" document.body.scrollHeight; 

s = " 网页被卷去的高(ff)：" document.body.scrollTop; 

s = " 网页被卷去的高(ie)：" document.documentElement.scrollTop; 

s = " 网页被卷去的左：" document.body.scrollLeft; 

s = " 网页正文部分上：" window.screenTop; 

s = " 网页正文部分左：" window.screenLeft; 

s = " 屏幕分辨率的高：" window.screen.height; 

s = " 屏幕分辨率的宽：" window.screen.width; 

s = " 屏幕可用工作区高度：" window.screen.availHeight; 

s = " 屏幕可用工作区宽度：" window.screen.availWidth;

s = " 你的屏幕设置是 " window.screen.colorDepth " 位彩色"; 

s = " 你的屏幕设置 " window.screen.deviceXDPI " 像素/英寸";