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


Posted in Javascript onFebruary 03, 2016

本文实例讲述了JavaScript获取对象在页面中位置坐标的方法。分享给大家供大家参考,具体如下:

<script language="javascript" type="text/javascript" >
function getXY(Obj) 
{
  var h = Obj.offsetHeight;
  for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
  sumTop = h+sumTop;
  return {left:sumLeft,top:sumTop}
}
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中的事件处理
Jan 16 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
JS网页在线获取鼠标坐标值的方法
Feb 28 Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
react中使用swiper的具体方法
May 15 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 #Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 #Javascript
JavaScript检查子字符串是否在字符串中的方法
Feb 03 #Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 #Javascript
AngularJS实现Model缓存的方式
Feb 03 #Javascript
JS实现CheckBox复选框全选、不选或全不选功能
Jul 28 #Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 #Javascript
You might like
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
php数组指针操作详解
2017/02/14 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
[02:27]2018DOTA2亚洲邀请赛趣味视频之钓鱼大赛 谁是垂钓冠军?
2018/04/05 DOTA
带你了解python装饰器
2017/06/15 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python定时关机小脚本
2018/06/20 Python
用Django写天气预报查询网站
2018/10/21 Python
Python饼状图的绘制实例
2019/01/15 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
python面向对象 反射原理解析
2019/08/12 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
函授自我鉴定
2013/11/06 职场文书
体育教师个人的自我评价
2014/02/16 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
2014年校长工作总结
2014/12/11 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
在职证明书模板
2015/06/15 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
ubuntu安装jupyter并设置远程访问的实现
2022/03/31 Python
Vue Element plus使用方法梳理
2022/12/24 Vue.js