`
zhang_yingjie
  • 浏览: 111611 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

获得元素的绝对坐标

阅读更多
研究dhtmlx的combo组件,学习到获得元素的绝对坐标的方法

dhtmlXCombo.prototype.getPosition = function(oNode, pNode) {

if (!pNode)
var pNode = document.body

var oCurrentNode = oNode;
var iLeft = 0;
var iTop = 0;
while ((oCurrentNode) && (oCurrentNode != pNode)) {// .tagName!="BODY"){
iLeft += oCurrentNode.offsetLeft - oCurrentNode.scrollLeft;
iTop += oCurrentNode.offsetTop - oCurrentNode.scrollTop;
oCurrentNode = oCurrentNode.offsetParent;// isIE()?:oCurrentNode.parentNode;
}
if (pNode == document.body) {
if (_isIE) {
if (document.documentElement.scrollTop)
iTop += document.documentElement.scrollTop;
if (document.documentElement.scrollLeft)
iLeft += document.documentElement.scrollLeft;
} else if (!_isFF) {
iLeft += document.body.offsetLeft;
iTop += document.body.offsetTop;
}
}
return new Array(iLeft, iTop);
}






转载自http://www.cnblogs.com/treeyh/archive/2007/12/06/985005.html

方法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 

另一种方法获得页面元素的坐标:
http://yexj00.5dm.cn/article.asp?id=120
分享到:
评论

相关推荐

    jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

    jQuery获得页面元素的绝对X,Y坐标,可以用offset()方法,下面有个不错的坐标大家可以参考下

    js获取div的位置坐标

    js获取指定位置的div坐标,方便用户得到网页上的任何div元素的坐标位置

    jQuery获取页面元素绝对与相对位置的方法

    本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下: 获取页面某一元素的绝对X,Y坐标,可以用offset()方法: var X = $('#DivID').offset().top; var Y = $('#DivID').offset...

    jquery用offset()方法获得元素的xy坐标

    获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;) var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID')....

    JQuery 获得绝对,相对位置的坐标方法

    获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)

    js获取元素在浏览器中的绝对位置

    JavaScript中提供获取HTML元素位置的...那么如何得到一个HTML元素的绝对位置呢,可以用以下函数: 代码如下: //获取元素的纵坐标 function getTop(e){ var offset=e.offsetTop; if(e.offsetParent!=null) offset+=ge

    cartographer-landmark 二维码修正重定位

    通过cartographer自己维护的PoseExtrapolator使用匹配的方式来获得当前帧与地图的匹配值,但是这样的方式在环境经常变的场景下效果会比较差, 而使用landmark可以有效地避免这类问题的发生,还是会出现坐标的跳变,...

    车载移动测图系统外方位元素标定方法 (2015年)

    其次,构建全景球面模型,将全景影像通过球面投影反变换投影到该球面上,从球面上选择控制点而不是直接从存在扭曲的全景影像上选择控制点并得到其球面坐标。在建立点的相关性之后,结合地理参考绝对定位方程和坐标变换,...

    无物方信息的未检校近景影像的方位元素估计 (2012年)

    无物方控制信息的未检校立体影像序列只能实现度量重建,而实现...此方法可以在不需要物方控制的条件下得到统一模型,若有物方控制即可通过绝对定向获取物方坐标,可用于低精度的三维测量,也可作为高精度光束法平差的初值.

    java源码包2

    源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标,Y坐标、得到X坐标,Y坐...

    获取显示器尺寸:动态提供主要或次要显示器的“ScreenSize”属性值。-matlab开发

    (xstart,ystart) 是左下角的绝对坐标。 “监视器编号”是与每个监视器相关联的编号(默认值 = 1)。 监视器编号定义为根属性“MonitorPositions”中相应监视器的行号。 主监视器始终编号为 1,并且始终从 (1,1) ...

    svg2tikz:一个Inkscape扩展,用于将SVG路径导出为TikZPGF路径

    路径元素未以正确的坐标导出。 这是固定的 添加了一个条目以指定要从图像中的绝对路径中删除的路径。 这对于直接在乳胶项目中工作很有用 已知问题 当前,仅导出在svg中“链接”的图像。 目前尚不支持Base64 embed,...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    page:窗口内容页的地址参数值:窗口的内容页为一个单独的页面文件,这个文件的路径是内容页面文件相对于调用窗口插件的路径或也可使用绝对路径,如果此参数的值为不同域的外部链接,那一定要使下面的link参数为真...

    出现问题a is defined高手帮忙

    <!... 便民设施系统 ; charset=gbk"/> <link rel="stylesheet" type="text/css" href="style.css"></link> ... key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ- ... function DragZoomControl(opts_...

    Ext Js权威指南(.zip.001

    1.5 如何获得帮助 / 32 1.6 本章小结 / 33 .第2章 从“hello world”开始 / 34 2.1 获取ext js 4 / 34 2.2 配置使用ext js库 / 35 2.3 编写“hello world”程序 / 37 2.4 关于ext.onready / 38 2.5 关于ext....

    精易模块[源码] V5.15

    1、修复“输入法类”绝对路径不正确BUG。 2、改善“类_内存”读写内存失败返回不正确值问题。感谢易友【stft】建议。 3,网页访问_对象()增加一个参数,用来保存网页返回状态代码。 4、改善(字节集_取左边|取右边|...

    C#编程经验技巧宝典

    73 <br>0106 如何获得一个字符串中数字的长度 74 <br>0107 如何获得字符串中数字或字母的长度 74 <br>0108 如何获得字符串中某个数字的位置 75 <br>0109 获得字符串中汉字的个数 76 <br>0110...

    excel的使用

    如果用得到,你还可以利用EXCEL来完成行列式、矩阵的各种计算,进行简单的积分运算,利用迭代求函数值(如x^2=x^7+4,可用迭代方法求x值),等等,凡是涉及计算方面的事,找EXCEL来帮忙,它一定会给你一个满意的答案...

Global site tag (gtag.js) - Google Analytics