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 相关文章推荐
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
Mar 17 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
vue上传图片组件编写代码
Jul 26 Javascript
Moment.js实现多个同时倒计时
Aug 26 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 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 session 会话处理函数
2016/06/06 PHP
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
jQuery中replaceWith()方法用法实例
2014/12/25 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
python文本数据相似度的度量
2018/03/12 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python远程邮件控制电脑升级版
2019/05/23 Python
pandas 层次化索引的实现方法
2019/07/06 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
python-numpy-指数分布实例详解
2019/12/07 Python
Python如何定义接口和抽象类
2020/07/28 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
幼儿园美术教学反思
2014/01/31 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
毕业生个人自荐书
2015/03/05 职场文书
开除员工通知
2015/04/22 职场文书
文艺演出主持词
2015/07/01 职场文书
2016高考感言
2015/08/01 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android