`
zhang_yingjie
  • 浏览: 114642 次
  • 性别: 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
分享到:
评论

相关推荐

    js获取触发事件元素在整个网页中的绝对坐标(示例代码)

    以下是一些用于获取元素绝对坐标的JavaScript函数: 1. `findPosition(oElement)` 函数: 这个函数返回一个包含元素X和Y坐标的数组。它通过遍历元素及其所有父元素的`offsetParent`属性来计算总偏移量。`...

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

    通过访问这些属性,我们可以获得元素的X和Y坐标。 除了绝对位置,我们有时还需要获取元素相对于其最近的已定位(positioned)父元素的位置。这就是所谓的相对位置。要获取相对位置,jQuery同样提供了一个方法叫做`...

    jQuery获得指定元素坐标的方法

    本文将详细介绍如何使用jQuery中的offset()方法来获得指定元素的坐标。 在讲解之前,首先需要了解一点基础知识:在Web开发中,元素的位置坐标通常有两种表示方法,即相对定位和绝对定位。相对定位是相对于最近的已...

    activiti生成图片--解决坐标错位问题

    2. **处理坐标信息**:在BPMN文件中,坐标信息通常以相对单位表示,需要根据流程图的大小和比例转换成绝对坐标。这涉及到对元素的宽度、高度、x和y坐标进行计算。 3. **创建图形对象**:根据解析出的坐标信息,创建...

    RationalDMIS 7.0 多点拟合坐标系之 RPS.pdf

    RPS基准点系统在汽车零件建立坐标系中得到了广泛的应用。 首先,我们来理解RPS的定义和操作流程。RPS操作流程可以分为三步: 1. 熟悉图纸。这一步骤要求测量人员对图纸有充分的理解,了解RPS元素的大概位置,并且...

    二维影像测量软件系统中坐标系的建立方法

    2. 绝对坐标系:以测量仪工作台上一个固定不变的点为基准建立的参考基准,也就是0号坐标系。在更换测头或者系统重新启动后,仍能根据它恢复各元素之间的相对位置。 3. 工件坐标系:又称零件坐标系,在被测零件上以...

    js资料大综合(js浮动,js获取坐标)

    // 设置元素为绝对定位 element.style.left = '50px'; // 设置元素距离左边50像素 element.style.top = '100px'; // 设置元素距离顶部100像素 ``` 在动态效果中,我们可能还会用到`animate()`方法或CSS3的`...

    cantilever-beam-master_大转角_ancfmatlab_ancfbeam_ANCF_matlab

    标题中的“cantilever-beam-master_大转角_ancfmatlab_ancfbeam_ANCF_matlab”表明这是一个关于悬臂梁分析的项目,主要使用了ANCF(绝对节点坐标法)并通过MATLAB编程实现。悬臂梁是一种常见的结构元素,通常在工程...

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

    另外,在文档开头的描述中提到需要将body元素的margin和padding设置为0,这是为了确保得到的坐标值是准确的。因为浏览器默认的样式可能对元素有一定的外边距和内边距,这些样式会影响到offset()方法返回的坐标值的...

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

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

    双目视觉摄像机的参数标定参考坐标系介绍.docx

    基坐标系Ow为基坐标系的原点,Xw轴、Yw轴、Zw轴相互垂直,基坐标系用来描述空间中摄像机、目标工件、机器人等所有物体的绝对坐标,同时基坐标系与摄像机坐标系也有确定的关系,两个不同的坐标系必然可以通过旋转、平...

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

    本篇文章将深入探讨如何使用jQuery来获取元素的绝对和相对位置坐标。 首先,我们要理解两个关键的概念:绝对位置和相对位置。绝对位置是指元素在浏览器窗口中的精确坐标,包括滚动条的影响;而相对位置则是相对于其...

    JavaScript获取对象在页面中位置坐标的方法

    在循环结束后,由于`sumTop`已经包含了元素自身的高度,所以将其加上`h`是为了得到元素底部的坐标,而不是顶部。最后,函数返回一个对象,包含`left`和`top`属性,分别代表元素的左边界和顶边界的坐标。 这个`getXY...

    DOM元素的绝对位置

    在这个函数中,`getBoundingClientRect()`方法提供了元素相对于视口的边界信息,然后加上当前页面的滚动偏移,从而得到元素的绝对位置。这个函数可以在任何有DOM元素引用的上下文中使用,无论元素的定位方式如何。 ...

    C相对定向元素计算

    通过解求相对定向元素,可以重新建立像片对的空间几何关系,得到被摄物体的实际三维坐标。 解析法相对定向的计算原理可以细分为几个步骤: 1. 利用测量得到的像点坐标,根据共面条件方程解求相对定向元素。 2. 共...

    VB坐标系统一些特性与关连.doc

    例如,如果你希望在某个绝对像素位置(如第三个像素点)放置元素,可以使用`ScaleX`方法来计算对应于当前坐标系统的等效位置。 `TextHeight`和`TextWidth`方法分别返回字符串的高度和宽度,这些值同样受到`...

Global site tag (gtag.js) - Google Analytics