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的caller,callee,call,apply
Apr 28 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
jquery自定义表格样式
Nov 23 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 Javascript
JavaScript之排序函数_动力节点Java学院整理
Jun 30 Javascript
Angular 实现输入框中显示文章标签的实例代码
Nov 07 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
基于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:风雨欲来 路在何方?
2006/10/09 PHP
php session 检测和注销
2009/03/16 PHP
php命令行使用方法和命令行参数说明
2014/04/08 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
在vue项目中使用md5加密的方法
2018/09/14 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python实现log日志的示例代码
2018/04/28 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
python中正则表达式与模式匹配
2019/05/07 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
如何打开WebSphere远程debug
2014/10/10 面试题
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
实习单位评语
2014/04/26 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书