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 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
JavaScript效率调优经验
Jun 04 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
Jun 21 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 Javascript
JS实现公告上线滚动效果
Jan 10 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 Vue.js
基于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结合jQuery实现找回密码
2015/07/22 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
jQuery 树形结构的选择器
2010/02/15 Javascript
JQery jstree 大数据量问题解决方法
2010/03/09 Javascript
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
用console.table()调试javascript
2014/09/04 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jQuery实现点击水纹波动动画
2016/04/10 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
python对url格式解析的方法
2015/05/13 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
Python常用爬虫代码总结方便查询
2019/02/25 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
PyTorch中的C++扩展实现
2020/04/02 Python
python如何处理程序无法打开
2020/06/16 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
车工岗位职责
2013/11/26 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
中学总务处工作总结
2015/08/12 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js