Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • javascript怎样获得对象的高度和宽度

    post by onelong / 2010-1-9 15:44 Saturday [javascript]

    document.body.clientHeight  获取的却是body内元素的总高度,而不是浏览器窗体高度
    document.body.clientWidth  获取的却是body内元素的总宽度,而不是浏览器窗体宽度
    document.documentElement.clientHeight 获取可见对象的高度,也是获得浏览器窗体高度
    document.documentElement.clientWidth 获取可见对象的宽度,也是获得浏览器窗体宽度
    document.documentElement.scrollTop 获取浏览器的滚动条的高度,恒为零
    document.documentElement.scrollLeft 获取浏览器的滚动条的宽度
    document.body.scrollHeight 获取的却是body滚动条的总高度
    document.body.scrollWidth 获取的却是body滚动条的总宽度
    obj.offsetHeight 获取对象obj的高度
    obj.offsetWidth 获取对象obj的宽度
    obj.offsetTop
    obj.offsetLeft
    例如:获得浏览器左上角的坐标
    top=document.documentElement.scrollTop;
    left=document.documentElement.scrollLeft;
    例如:获得body左上角的坐标
    top=document.body.scrollTop;
    left=document.body.scrollleft; 
     
    if (document.body && document.body.scrollTop && document.body.scrollLeft)
    {
        top=document.body.scrollTop;
        left=document.body.scrollleft;   
    }
    if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
    {
        top=document.documentElement.scrollTop;
        left=document.documentElement.scrollLeft;
    }

    标签: javascript
    引用地址:
     

    我要评论