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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
node.js中的events.emitter.listeners方法使用说明
Dec 10 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
js获取上传文件的绝对路径实现方法
Aug 02 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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
Zend引擎的发展 [15]
2006/10/09 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
DWR实现模拟Google搜索效果实现原理及代码
2013/01/30 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
JS关于刷新页面的相关总结
2018/05/09 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
javascript实现小型区块链功能
2019/04/03 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
Python中统计函数运行耗时的方法
2015/05/05 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
浅析Django中关于session的使用
2019/12/30 Python
django admin 添加自定义链接方式
2020/03/11 Python
如何理解Python中的变量
2020/06/01 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
利用python 读写csv文件
2020/09/10 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
New Balance比利时官方网站:购买鞋子和服装
2021/01/15 全球购物
知识改变命运演讲稿
2014/05/21 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle