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 相关文章推荐
js将字符串转成正则表达式的实现方法
Nov 13 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
jQuery grep()方法详解及实例代码
Oct 30 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 Javascript
webstorm中vue语法的支持详解
May 09 Javascript
如何更好的编写js async函数
May 13 Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
基于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
php PDO中文乱码解决办法
2009/07/20 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
基于javaScript的this指向总结
2017/07/22 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
2018/06/07 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
开源Web应用框架Django图文教程
2017/03/09 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
python实现图书管理系统
2018/03/12 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
详解python和matlab的优势与区别
2019/06/28 Python
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
小学新学期教师寄语
2014/01/18 职场文书
大学生求职工作的自我评价
2014/02/13 职场文书
机电职业生涯规划书范文
2014/03/08 职场文书
环保倡议书300字
2014/05/15 职场文书
公司捐书倡议书
2015/04/27 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书