怎样操作页面、可视区、屏幕等宽高属性-木庄网络博客

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来怎样操作页面、可视区、屏幕等宽高属性，操作页面、可视区、屏幕等宽高属性的注意事项有哪些，下面就是实战案例，一起来看一下。

关于页面、可视区、屏幕等一些相关的宽高属性

function size(){
    document.write(
    "屏幕分辨率为："+screen.width+"*"+screen.height
    +"<br />"+
    "屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
    +"<br />"+
    "网页可见区域宽："+document.body.clientWidth
    +"<br />"+
    "网页可见区域高："+document.body.clientHeight
    +"<br />"+
    "浏览器窗口宽："+document.documentElement.clientWidth
    +"<br />"+
    "浏览器窗口高："+document.documentElement.clientHeight
    +"<br />"+
    "html所有元素宽："+document.documentElement.offsetWidth
    +"<br />"+
    "html所有元素高："+document.documentElement.offsetHeight
    +"<br />"+
    "网页可见区域宽(包括边线的宽)："+document.body.offsetWidth 
    +"<br />"+
    "网页可见区域高(包括边线的宽)："+document.body.offsetHeight 
    +"<br />"+
    "网页正文全文宽："+document.body.scrollWidth
    +"<br />"+
    "网页正文全文高："+document.body.scrollHeight
    +"<br />"+
    "网页被卷去的高："+document.body.scrollTop
    +"<br />"+
    "网页被卷去的左："+document.body.scrollLeft
    +"<br />"+
    "网页正文部分上："+window.screenTop
    +"<br />"+
    "网页正文部分左："+window.screenLeft
    +"<br />"+
    "屏幕分辨率的高："+window.screen.height
    +"<br />"+
    "屏幕分辨率的宽："+window.screen.width
    +"<br />"+
    "屏幕可用工作区高度："+window.screen.availHeight
    +"<br />"+
    "屏幕可用工作区宽度："+window.screen.availWidth
    );
}