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 相关文章推荐
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
JavaScript 设计模式学习 Factory
Jul 29 Javascript
javascript操作Cookie(设置、读取、删除)方法详解
Mar 18 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
Javascript读写cookie的实例源码
Mar 16 Javascript
JS代码优化的8点建议
Feb 04 Javascript
vue中destroyed方法的使用说明
Jul 21 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
天津市收音机工业发展史
2021/03/04 无线电
解析php5配置使用pdo
2013/07/03 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
js 对象是否存在判断
2009/07/15 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
Javascript BOM学习小结(六)
2015/11/26 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
使用Python制作微信跳一跳辅助
2018/01/31 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
python图形用户接口实例详解
2019/12/16 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
聊聊python中的异常嵌套
2020/09/01 Python
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
文秘档案管理岗位职责
2014/03/06 职场文书
售房协议书范本2014
2014/10/23 职场文书
青年文明号汇报材料
2014/12/23 职场文书
考博导师推荐信范文
2015/03/27 职场文书
医者仁心观后感
2015/06/17 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
总结Python使用过程中的bug
2021/06/18 Python
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python