<!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应用实例-获取QQ空间说说内容.js
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 ...
36:___图片围成环形滚动，有空间感 37:___图片型不规则菜单的CSs实现 38:___图片拖拉缩放效果（仿PHOTOSHOP） 39:___图片控制内容框的文字上下翻滚 40:___图片旋转构成3D圆环的展示特效 41:___图片点击后变灰色的CSs...
《JavaScript权威指南（第6版）》主要讲述的内容涵盖JavaScript语言本身，以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5，很多章节完全重写，增加了当今Web开发的最佳实践的内容，新增...
12．3．2 获取XMLHttp,Request对象的信息 12．3．3 向服务器发送请求 12．3．4 处理服务器响应 12．3．5 用户注册实例 12．3．6 处理XML请求 12．3．7 动态列表 第13章 JavaScript安全与异常处理 13．1 JavaScript...
David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩子一起生活在西雅图和温哥华之间的美国太平洋西北海岸。 目录 前言 1 第1章 javascript概述 5 1.1 javascript语言核心 8 1.2 客户端javascript 12...
用javascript开发的一个日历，它漂浮于界面上，可定位于空间旁，点击选择获取日期。
4.3.2地图属性获取 4.3.3事件处理 4.4地图参数的基本配置 4.4.1漫游与缩放动画的参数配置 4.4.2比例滚动条的参数配置 4.4.3跨域访问参数配置 4.5图层控制器 4.5.1图层控制器小部件模板 4.5.2图层控制器小部件类 ...
《JavaScript权威指南（第6版）》主要讲述的内容涵盖JavaScript语言本身，以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5，很多章节完全重写，增加了当今Web开发的最佳实践的内容，新增...
David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩子一起生活在西雅图和温哥华之间的美国太平洋西北海岸。 目录 前言 第1章 JavaScript概述 1.1 JavaScript语言核心 1.2 客户端JavaScript 第一...
9.3根据一个事件从表单元素获取信息 9.4当点击单选按钮的时候执行一个动作 9.5检查一个有效的电话号码 9.6取消表单提交 9.7阻止重复表单提交 9.8隐藏和显示表单元素 9.9根据其他表单选择修改一个选项...
JavaScript程序设计 变量 2.2.1 什么是变量 1、字面量 都是一些不可以改变的值。 2.2.1 什么是变量 2、变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器，我们通过变量名来获取数据，甚至...
一个使用 Javascript 和一些 API 实时跟踪国际空间站位置的网站。 使用的 API 用于跟踪国际空间站（纬度，经度，速度，高度等）。 用于获取国际空间站上人员的姓名。 用于显示带有标记的地图。 图像 Gif 静态...
12.4.3 回收空间--删除不用的节点 12.5 访问和操纵DOM节点 12.5.1 打开每一个盒子--遍历节点 12.5.2 弄清层级关系--父子与兄弟 12.5.3 如何搜索特定节点 12.5.4 克隆节点--一个使用cloneNode...
javascript中可以通过四个属性获得元素的偏移量，offsetHeight、offsetWidth、offsetLeft、offsetTop，下面为大家解释下各属性的含义
《JavaScript权威指南(第6版)》要讲述的内容涵盖JavaScript语言本身，以及web浏览器所实现的JavaScript API。本书第6版涵盖了 html5 和 ecmascript 5，很多章节完全重写，增加了当今 web 开发的最佳实践的内容，新增...
David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩子一起生活在西雅图和温哥华之间的美国太平洋西北海岸。 目录 前言 第1章 JavaScript概述 1.1 JavaScript语言核心 1.2 客户端JavaScript 第一部分...
这个包包含一个脚本，其中包含用于获取选项和运行某些东西的主要功能。 它是一部分，以学习如何编写标准代码和TDD的常用用法。 使用逐步此代码的开发。 安装 该包是自洽的，但如果你想自己测试，你需要互联网来使用...
在早些年的时候，JavaScript往往用在那些直接嵌入到Web页面中的小的简单的脚本中。随着Web浏览器和Web标准变得成熟起来，JavaScript程序也变得更长且更复杂。今天，很多JavaScript脚本依赖于用JavaScript代码编写的...