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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
全面总结Javascript对数组对象的各种操作
Jan 22 Javascript
基于vue.js的分页插件详解
Nov 27 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 Javascript
JS中一些高效的魔法运算符总结
May 06 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的一些基础知识分享
2011/07/27 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
php使用cookie实现记住登录状态
2015/04/27 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
修改js confirm alert 提示框文字的简单实例
2016/06/10 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
让Python代码更快运行的5种方法
2015/06/21 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
python 解压pkl文件的方法
2018/10/25 Python
Python对Tornado请求与响应的数据处理
2020/02/12 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
《鸿门宴》教学反思
2014/04/22 职场文书
任命书怎么写
2014/06/04 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
财务负责人岗位职责
2015/02/03 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
不要在HTML中滥用div
2021/05/08 HTML / CSS
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python