javascript 获取滚动条高度+常用js页面宽度与高度

时间:2024-10-20 14:37:21

/********************
 * 取窗口滚动条高度 
 ******************/
function getScrollTop()
{
    var scrollTop=0;
    if(&&)
    {
        scrollTop=;
    }
    else if()
    {
        scrollTop=;
    }
    return scrollTop;
}


/********************
 * 取窗口可视范围的高度 
 *******************/
function getClientHeight()
{
    var clientHeight=0;
    if(&&)
    {
        var clientHeight = (<)?:;        
    }
    else
    {
        var clientHeight = (>)?:;    
    }
    return clientHeight;
}

/********************
 * 取文档内容实际高度 
 *******************/
function getScrollHeight()
{
    return (,);
}

 

 

在IE中:
==> BODY对象宽度
==> BODY对象高度
==> 可见区域宽度
==> 可见区域高度
在FireFox中:
==> BODY对象宽度
==> BODY对象高度
==> 可见区域宽度
==> 可见区域高度
?
在Opera中: 
==> 可见区域宽度
==> 可见区域高度
==> 页面对象宽度(即BODY对象宽度加上Margin宽)
==> 页面对象高度(即BODY对象高度加上Margin高)
而如果没有定义W3C的标准,则
IE为:
==> 0
==> 0
FireFox为:
==> 页面对象宽度(即BODY对象宽度加上Margin宽) ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
==> 页面对象宽度(即BODY对象宽度加上Margin宽) ==> 页面对象高度(即BODY对象高度加上Margin高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。

 

//

 

网页可见区域宽:

网页可见区域高:
 

网页可见区域宽:
(包括边线的宽) 

网页可见区域高:
(包括边线的宽) 

网页正文全文宽:
 

网页正文全文高:
 

网页被卷去的高:
 

网页被卷去的左:
 

网页正文部分上:
 

网页正文部分左:
 

屏幕分辨率的高:
 

屏幕分辨率的宽:
 

屏幕可用工作区高度:
 

屏幕可用工作区宽度: