Js代码 
- function getInfo()
- {
- var s = "";
- 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 +" 像素/英寸";
- alert (s);
- }
- getInfo();
- </script>
如果没有声明W3C标准：
Html代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| 表达式 | IE | FF或Opera |
| document.body.clientWidth | 可见区域宽度 | 可见区域宽度 |
| document.body.clientHeight | 可见区域宽度 | 可见区域高度 |
| document.documentElement.clientWidth | 0 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 0 | 页面对象高度（即BODY对象高度加上Margin高） |
如果声明了W3C标准:
| 表达式 | IE或FF | Opera |
| document.body.clientWidth | BODY对象宽度 | 可见区域宽度 |
| document.body.clientHeight | BODY对象高度 | 可见区域高度 |
| document.documentElement.clientWidth | 可见区域宽度 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 可见区域高度 | 页面对象高度（即BODY对象高度加上Margin高） |