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高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
js indexOf()定义和用法
Oct 21 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
Bootstrap常用组件学习(整理)
Mar 24 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 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
计数器详细设计
2006/10/09 PHP
基于jquery的让页面控件不可用的实现代码
2010/04/27 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
2012/12/12 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
react-router中的属性详解
2017/06/01 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Python运算符重载详解及实例代码
2017/03/07 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
老海军美国官网:Old Navy
2016/09/05 全球购物
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
物流专业求职计划书
2014/01/10 职场文书
高中化学教学反思
2014/01/13 职场文书
统计学教授推荐信
2014/09/18 职场文书
服务承诺书
2015/01/19 职场文书
2015年度党员个人总结
2015/02/14 职场文书
Python OpenCV实现图像模板匹配详解
2022/04/07 Python