«
javascript:获取屏幕高度和宽度等信息

时间:2009-5-13    作者:Deri    分类: 分享


javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题 网页可见区域宽: 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
获取网页被卷去的高,制作浮动窗体可用:

 

function GetScrollY()
{       
    if (typeof window.pageYOffset == 'number')
    {
        return window.pageYOffset;
    }

    var CompatMode = window.document.compatMode;
    var DocumentElement = window.document.documentElement;

    if ((typeof CompatMode == 'string') && (CompatMode.indexOf('CSS') >= 0) && (DocumentElement) && (typeof DocumentElement.getAttribute("scrollTop") == 'number'))
    {
        return DocumentElement.getAttribute("scrollTop");
     }

    var Body = window.document.body ;

    if ((Body) && (typeof Body.getAttribute("scrollTop") == 'number'))
    {
        return Body.getAttribute("scrollTop");
    }

    return 0;
}