<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>获取控件在网页中的绝对位置</title>
</head>
<body>
<input type="button" value="点我获取我的座标" onclick="javascript:var pos = GetObjPos(this);alert('此按钮距页面左端 '+pos.x+' 像素，上端 '+pos.y+' 像素');" />
<script type="text/javascript" language="javascript">
function CPos(x, y)
{
this.x = x;
this.y = y;
}
function GetObjPos(ATarget)
{
var target = ATarget;
var pos = new CPos(target.offsetLeft, target.offsetTop);
var target = target.offsetParent;
while (target)
{
pos.x += target.offsetLeft;
pos.y += target.offsetTop;
target = target.offsetParent
}
return pos;
}
</script>
</body>
</html>
分享到：
相关推荐
标题中的“JavaScript中地球上最快的位置空间索引”指的是在JavaScript环境中实现的一种高效的空间索引技术，用于地图应用。位置空间索引是数据结构和算法领域的一个关键概念，它允许快速查询和操作地理位置相关的...
本文将深入探讨JavaScript的日期空间源代码，以及如何使用JavaScript实现一个日期选择JS控件。 首先，JavaScript的`Date`对象是处理日期和时间的核心。它提供了一系列的方法和属性，允许我们创建、读取、操作和格式...
在JavaScript编程领域，实现类似QQ空间的消息提示功能是一项常见的需求，它能够为用户提供即时的通知，增强用户体验。这个项目的核心在于创建一个自定义的MessageBox组件，它具有与QQ空间消息提示相似的外观和交互...
Java课设项目基于JavaScript+位置信息的附近交易平台源代码.zip 该项目属于个人的期末课程大作业、经导师的精心指导与严格评审获得高分通过的设计项目。主要针对计算机相关专业的教师、正在做大作业的学生使用，也可...
JavaScript应用实例-获取QQ空间说说内容.js
在JavaScript编程语言中，开发者经常需要获取与网页和屏幕尺寸相关的数据，比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...
2. 请求网页内容：使用HTTP或HTTPS协议发送GET请求，获取空间的HTML源代码。这个过程可以通过编程语言实现，也可以使用浏览器的开发者工具查看页面源码。 3. 解析HTML代码：使用HTML解析库，如Python的...
- 结合使用命名空间和模块化系统，以获得最佳的代码组织和隔离效果。 总的来说，JavaScript的命名空间模式是一种实用的代码组织技术，虽然有其局限性，但通过适当的组合和优化，可以在实际项目中有效地减少全局污染...
3. **地理编码与反向地理编码**：通过集成的地理编码服务，可以将地址转换为坐标，或者将坐标转换为地址，方便用户进行位置查找。 4. **空间查询与分析**：提供多种空间操作函数，如缓冲区分析、距离计算、几何对象...
3. 获取完尺寸后，需要将元素的display属性和visibility属性恢复原样，以避免元素位置错乱或其他布局问题。 例如，以下是一个使用jQuery库的JavaScript函数，用以获取隐藏元素的尺寸： ```javascript function ...
`MYAPP.namespace`函数是创建和获取命名空间的关键。它接受一个由点分隔的字符串参数，如`'bfun.array'`，然后逐级创建或返回对应的子命名空间。`str.split('.')`将字符串分解成数组，然后遍历这些部分，如果某个...
你可以学习如何通过服务获取和编辑地理数据，进行缓冲区分析、空间叠加、距离测量等空间操作。此外，还支持动态投影和空间索引，提升地图操作的效率。 **5. 地图控件与交互设计** 地图控件包括缩放、平移、全屏、...
此外，还有查询（Query）功能，用于检索图层中的特定特征，以及叠加分析（Overlay）功能，用于合并多个图层以获取新的信息。 ArcGIS API for JavaScript还支持自定义图件和符号，使地图的视觉效果更加丰富。通过SVG...
12.3.2 获取XMLHttpRequest 对象的信息 356 12.3.3 向服务器发送请求 357 12.3.4 处理服务器响应 360 12.3.5 用户注册实例 361 12.3.6 处理XML请求 364 12.3.7 动态列表 368 第13章 JavaScript安全与异常 处理 371 ...
"简单的Javascript折叠菜单"就是这样一个实现方式，它允许用户通过点击来展开或折叠菜单项，从而节省页面空间，提高用户体验。 折叠菜单的基本原理是利用JavaScript事件处理和DOM（Document Object Model）操作。...
5. **弹出框**：如模态对话框、提示框、警告框等，通常用于显示额外信息或获取用户输入。 6. **下拉菜单**：动态展示子菜单，常用于网站导航栏，能节省空间并提供便捷的导航体验。 7. **时间日期处理**：...
在JavaScript编程中，控制用户输入的年月日是一项常见的需求，尤其在开发表单验证或者日期选择器时。本文将详细解析如何使用JavaScript实现这一功能，并结合提供的描述和标签，探讨一个自定义的函数以及一个额外的...
模块系统（import和export）则让JavaScript代码组织更加规范，支持按需加载和命名空间。 九、错误处理 了解如何捕获和处理JavaScript运行时错误，如try...catch语句，是编写健壮代码的关键。 十、性能优化 理解V8...
5. 交互功能：利用API提供的事件监听、查询、编辑等接口，实现与用户的交互，如点击地图获取位置信息，或者进行空间查询等。 在提供的压缩包文件中，很可能包含了一系列的代码示例，这些示例可能涵盖了上述的各个...