js 获得窗口大小

来源：互联网发布：监控需要网络吗编辑：程序博客网时间：2024/05/16 04:43

http://www.111cn.net/wy/js-ajax/34992.htm

下面有二款关于js 获得窗口大小实例代码，获取窗口大小的方法就是利用了js document.body.clentwidth方法来实例。方法很多，下面详细有说明。

<script>
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>

常用的

    网页可见区域宽：document.body.clientwidth
     网页可见区域高：document.body.clientheight
     网页可见区域宽：document.body.offsetwidth      (包括边线的宽)
     网页可见区域高：document.body.offsetheight      (包括边线的宽)
     网页正文全文宽：document.body.scrollwidth
     网页正文全文高：document.body.scrollheight
     网页被卷去的高：document.body.scrolltop
     网页被卷去的左：document.body.scrollleft
     网页正文部分上：window.screentop
     网页正文部分左：window.screenleft
     屏幕分辨率的高：window.screen.height
     屏幕分辨率的宽：window.screen.width
     屏幕可用工作区高度：window.screen.availheight
     屏幕可用工作区宽度：window.screen.availwidth