`

JS获取页面对象的绝对位置

 
阅读更多
// get absolute Left position
function getAbsoluteLeft(ob){
if(!ob){return null;}
    var mendingOb = ob;
    var mendingLeft = mendingOb .offsetLeft;
    while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
      mendingLeft += mendingOb .offsetParent.offsetLeft;
      mendingOb = mendingOb .offsetParent;
    }
return mendingLeft ;
}

// get absolute TOP position
function getAbsoluteTop(ob){
if(!ob){return null;}
var mendingOb = ob;
var mendingTop = mendingOb .offsetTop;
while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
    mendingTop += mendingOb .offsetParent.offsetTop;
    mendingOb = mendingOb .offsetParent;
}
return mendingTop ;
}

 

分享到:
评论

相关推荐

    获取元素绝对位置 position

    "获取元素绝对位置 position"这个话题主要关注JavaScript中如何准确地定位DOM元素在页面中的坐标。这里,我们将深入探讨相关知识,并参考提供的博客链接以及相关的HTML文件。 首先,元素的绝对位置是指元素左上角相...

    JavaScript和jQuery获取input框的绝对位置

    在JavaScript和jQuery的世界里,获取元素的绝对位置是一项常见的任务,尤其当涉及到动态布局或交互设计时。这个主题主要集中在如何获取HTML中的`input`框的精确位置,以便于进行定位或其他操作。以下是对这个知识点...

    javascript获取对象的绝对坐标

    在网页开发中,有时我们需要知道一个元素在其父级容器中的绝对位置,即该元素相对于页面左上角的坐标(X轴和Y轴的位置)。这对于实现某些动态效果或者交互功能非常重要。JavaScript 提供了多种方法来获取元素的位置...

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

    在JavaScript中,获取页面元素的位置坐标是Web开发中常见的需求,这主要涉及到DOM(文档对象模型)的操作。本文将详细讲解如何使用JavaScript的内置属性和方法来获取对象在页面中的位置坐标。 首先,我们需要理解两...

    获取鼠标在页面上的位置(包括滚动条)

    1. **页面滚动量的获取**:不同浏览器提供了不同的方式来获取页面的滚动量。 2. **鼠标事件对象**:通过监听`mousemove`或`click`等事件,可以获取到事件对象,其中包含了鼠标在当前视口的位置信息。 3. **计算鼠标...

    javascript 获取鼠标的绝对位置 event

    在JavaScript中,获取鼠标的绝对位置是常见的需求,特别是在实现交互式用户界面或者进行鼠标跟踪时。`event`对象是JavaScript中的一个内置对象,它包含了有关当前事件(如鼠标点击或移动)的各种信息,其中包括鼠标...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    JS中获取 DOM 元素的绝对位置实例详解

    在JavaScript中,获取DOM元素的绝对位置是一项常见的需求,特别是在实现动态效果如页面滚动和动画时。例如,创建像本文例中的左侧悬浮导航,需要精确地掌握元素在页面中的位置,以便在滚动过程中保持其固定位置。...

    js 获取光标在文本框中的位置

    在JavaScript中,获取光标在文本框(input[type="text"]或textarea)中的位置是一项常见的需求,这在处理用户输入或者实现某些特定功能时非常有用。以下是一些关于如何使用JavaScript来实现这一功能的关键知识点: ...

    js获取div的位置坐标

    在前端开发中,经常需要获取页面上某个元素(如 div)的位置坐标。这有助于实现诸如弹窗定位、元素拖拽等功能,提升用户体验。本文将详细介绍如何使用 JavaScript 来获取 div 元素的位置坐标。 #### 二、基础知识 ...

    js获得对象的x,y位置函数

    在JavaScript编程领域,获取DOM元素(Document Object Model,文档对象模型)在页面中的绝对位置是一项常见且实用的技术。本文将详细解析如何通过自定义函数`findPosX`和`findPosY`来实现这一功能,帮助开发者准确...

    前端读取JS绝对目录的方法

    本文将详细探讨如何在JavaScript中获取当前脚本的绝对路径,并结合相关标签"js引用"来深入理解这个过程。 首先,我们要明白在浏览器环境中,JavaScript无法直接访问文件系统,因此不能像服务器端语言那样获取文件的...

    js 获取当前网页

    ### JS 获取当前网页知识点 #### 一、获取当前完整网址 在JavaScript中,可以通过多种方式来获取当前网页的完整网址。下面将详细介绍这些方法及其原理。 1. **使用`document.URL`** - `document.URL`返回的是...

    用Javascript 获取页面元素的位置的代码

    在JavaScript中,获取页面元素的位置是一项关键技能,这对于布局调整、动态效果以及用户交互的实现至关重要。本教程将深入探讨如何使用JavaScript获取网页元素的绝对大小和相对大小,并提供相关代码示例。 首先,...

    静态页面中js获取相对路径

    综上所述,在静态页面中使用JavaScript获取相对路径是一个基本但重要的技能。开发者可以通过多种方式实现,包括解析`window.location.href`、使用`document.baseURI`等。掌握这些方法,可以帮助开发者更灵活地管理...

    JavaScript取得鼠标绝对位置程序代码介绍

    本文将详细介绍如何在不同浏览器环境下通过JavaScript获取鼠标绝对位置的方法。 首先,我们需要了解不同浏览器对于鼠标事件对象(event object)中的位置属性的处理差异。在Internet Explorer(IE)中,`event.x` 和 ...

    纯 JS 获取 服务器时间 +

    标题“纯 JS 获取服务器时间 +”所指的就是使用JavaScript代码来实现从服务器获取准确的时间信息。下面是一个简单的示例,使用了XMLHttpRequest(XHR)进行同步请求: ```javascript function getServerTime() { ...

    js获取网页高度(详细整理)

    本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及浏览器窗口的高度。 首先,我们来看一下网页可见区域的高度和宽度。这部分是指用户当前可以看到的页面区域...

Global site tag (gtag.js) - Google Analytics