JS获取DIV在BODY内的绝对坐标

JS获取DIV在BODY内的绝对坐标
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   

方法二

$.getAbsPos = function(pTarget){
                     pTarget = JObj.$(pTarget);
                    
                     if(!pTarget.getBoundingClientRect){
                            var x_ = y_ = 0;

                while(pTarget.offsetParent){
                        x_ += pTarget.offsetLeft;
                        y_ += pTarget.offsetTop;
                        pTarget = pTarget.offsetParent;
                }
                            x_ += pTarget.offsetLeft;
                            y_ += pTarget.offsetTop;
                            return {x:x_,y:y_}
                     }else{
                            var body = document.compatMode == 'CSS1Compat' ? document.documentElement : document.body;
                            var rect = pTarget.getBoundingClientRect()
                            return {x:rect.left + body.scrollLeft,y:rect.top + body.scrollTop};
                     }
              }

时间: 2024-09-11 22:31:54

JS获取DIV在BODY内的绝对坐标的相关文章

javascript-如何用JS获取div下的子div

问题描述 如何用JS获取div下的子div 有多个独立的外层div,每个外层div内嵌一个内层的div,内层div在显示在外层div的下部.我要的效果是,当鼠标移入到一个外层div中时,改变这个外层div内的那个内层div.用Js怎么写代码?求大神指导 解决方案 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

js 获取div高度并重新设置div高度与宽度

 js 获取div高度并重新设置div高度与宽度 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <me

js获取div内容与div值

这是在没有利用js更改我的值之前 js获取div内容 修改我的值 修改我的值

js 获取div内容再修改div内容

js 获取div内容再修改div内容 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 获取div内容再修改div内容</title> <script langu

js 获取div宽度代码

<input type="button" onclick="calculate()" value="test">   <script>  function calculate(){   var divs = document.getelementbyid("showtemptext");   divs.innerhtml="wuao ahshahsah  <font size=6>

js获取div的坐标

html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. Js代码   /***   * 获取div的坐标   * @param divObj   * @returns {{width: number, height: number, left: *, top: Window}}   */   com.whuang.hsj.divCoordinate=function(divObj){       if(typeof divObj == 'string'){    

js获取div高度的代码_javascript技巧

<style type="text/css"> <!-- #top {     color: #FFFFFF;     background-color: #FF0000;     text-align: left;     text-indent: 24px;     width: 780px;     line-height: 24px;     font-size: 12px;     padding-right: 10px;     padding-left:

js下获取div中的数据的原理分析_javascript技巧

关于从中学到的知识: document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid("ddhdh").innerTEXT 可以获取到div中的文本数据,不会获取到标签...但是只是在IE和OPERA中使用 document.getElementById("text").textContent 用于在

获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍_javascript技巧

网上苦找2小时,全是不能兼容FF的,看来这种东西网上是搞不到现成的了,只能自己动手丰衣足食 现在发布出来,今后网上就有现成的供人使用了. 为了省事,少量位置用了jquery 改原生JS也很方便,谁需要就请自己修改了. 欢迎各位路过高人拍板,欢迎各位留言提供改进代码. 又改进 兼容了Chrome 下面的代码已修改成最新版 上源码了 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q