1、document.body.clientWidth、document.body.clientHeight
返回网页可见区域宽高
2、document.body.offsetWidth、document.body.offsetHeight
返回网页可见区域宽高(包括边线的宽)
3、document.body.scrollWidth、document.body.scrollHeight
返回网页正文区域宽高
4、document.body.scrollTop、document.body.scrollLeft
返回网页被卷去的top宽度和left宽度
5、window.screenTop、window.screenLeft
返回窗口相对于屏幕的X和Y坐标
6、window.screen.height、window.screen.width
返回屏幕分辨率的高和宽
7、window.screen.availHeight、window.screen.availWidth
返回屏幕可用工作区高宽
Screen 对象
8、screen.width、screen.height
返回显示屏幕的分辨率（宽，高）
9、screen.availWidth、screen.availHeight
返回显示屏幕的宽度和高度 (除 Windows 任务栏之外)
<html>
<script>
function WandH(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height/*分辨率*/
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight/*除去任务栏*/
+"<br />"+
"网页可见区域宽："+document.body.clientWidth/*屏幕宽度*/
+"<br />"+
"网页可见区域高："+document.body.clientHeight/*屏幕高度（可显）*/
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth/*宽(包括边线的宽)*/
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight/*高(包括边线的宽*/
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth/*网页可见区域宽："+document.body.clientWidth/*屏幕宽度*/
+"<br />"+
"网页正文全文高："+document.body.scrollHeight/*网页可见区域高："+document.body.clientHeight/*屏幕高度（可显）*/
+"<br />"+
"网页被卷去的高："+document.body.scrollTop/*滚动高度*/
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft/*滚动宽度*/
+"<br />"+
"网页正文部分上："+window.screenTop/*返回窗口相对于屏幕的X和Y坐标。*/
+"<br />"+
"网页正文部分左："+window.screenLeft/**/
+"<br />"+
"屏幕分辨率的高："+window.screen.height/*分辨率*/
+"<br />"+
"屏幕分辨率的宽："+window.screen.width/*分辨率*/
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight/**/
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth/**/
);
}
</script>
<body onLoad="WandH()" >
</body>
</html>原文：http://www.cnblogs.com/chencheng365/p/4361902.html