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 相关文章推荐
Add Formatted Data to a Spreadsheet
Jun 12 Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
Prototype Class对象学习
Jul 19 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
学习vue.js计算属性
Dec 03 Javascript
JS实现简单抖动效果
Jun 01 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
vue打开其他项目页面并传入数据详解
Nov 25 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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
2014/08/15 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
互动出版网:专业书籍
2017/03/21 全球购物
服务质量承诺书
2014/03/27 职场文书
股东协议书范本
2014/04/14 职场文书
班组拓展活动方案
2014/08/14 职场文书
服务承诺书
2015/01/19 职场文书
决心书格式范文
2015/09/23 职场文书
班级班风口号大全
2015/12/25 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript