Document 对象 1、document.body.clientWidth、document.body.clientHeight 返回网页可见区域宽高 2、document.body.offset
Document 对象
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宽度
Window 对象
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>