Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Jquery/JS > js获取元素坐标、宽、高以及窗口、屏幕大小的方法
隐藏/显示侧边栏

js获取元素坐标、宽、高以及窗口、屏幕大小的方法

2014-04-04 13:11    来源:未知    责任编辑:admin    字号【
js获取对象的绝对坐标 方法1:
function   getAbsPoint(e) 

    var   x   =   e.offsetLeft,   y   =   e.offsetTop; 
    while(e=e.offsetParent)
    {
       x   +=   e.offsetLeft; 
       y   +=   e.offsetTop;
    }
    alert("x:"+x+","+"y:"+y); 
}
方法2:
function   getAbsPoint(obj) 

   var   x,y; 
   oRect   =   obj.getBoundingClientRect(); 
x=oRect.left 
y=oRect.top 
alert("("+x+","+y+")") 
}
JS中获得窗口属性的方法
1。获得屏幕的分辨率:
screen.width
screen.height
2。获得窗口大小:
document.body.clientWidth
document.body.clientHeight
3。获得窗口大小(包含Border、Scroll等元素)
document.body.offsetWidth
document.body.offsetHeight 

js获取元素坐标、宽、高以及窗口、屏幕大小的方法

更多
Tags 标签:
责任编辑:admin
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |