快捷導(dǎo)航

JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法

更新時(shí)間：2016年02月03日 10:10:12 作者：pythoner

這篇文章主要介紹了JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法,涉及JavaScript操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法。分享給大家供大家參考，具體如下：

<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>

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript鼠標(biāo)操作技巧匯總》、《javascript面向?qū)ο笕腴T教程》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用ionic在首頁(yè)新聞中應(yīng)用到的跑馬燈效果的實(shí)現(xiàn)方法
在app中經(jīng)常會(huì)有滾動(dòng)的跑馬燈效果的運(yùn)用，接下來(lái)通過(guò)本文給大家介紹使用ionic在首頁(yè)新聞中應(yīng)用到的跑馬燈效果的實(shí)現(xiàn)方法，需要的的朋友參考下
2017-02-02
這篇文章主要介紹了JS動(dòng)態(tài)改變表格邊框?qū)挾鹊姆椒?實(shí)例分析了javascript操作table表格中border屬性的技巧,需要的朋友可以參考下
2015-03-03

layui use 定義js外部引用函數(shù)的方法

今天小編就為大家分享一篇layui use 定義js外部引用函數(shù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

2019-09-09

Javascript作用域(局部和全局作用域)詳細(xì)介紹

作用域是當(dāng)前的執(zhí)行上下文，值和表達(dá)式在其中“可見”或可被訪問，本文主要介紹了Javascript局部作用域和全局作用域，文中有詳細(xì)的代碼示例，具有一定的參考價(jià)值,需要的朋友可以借鑒一下

2023-06-06

js、jquery實(shí)現(xiàn)列表模糊搜索功能過(guò)程解析

這篇文章主要介紹了js、jquery實(shí)現(xiàn)列表模糊搜索功能過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

2020-03-03

Javascript實(shí)現(xiàn)可旋轉(zhuǎn)的圓圈實(shí)例代碼

這篇文章主要介紹了Javascript實(shí)現(xiàn)可旋轉(zhuǎn)的圓圈實(shí)例代碼,可實(shí)現(xiàn)圓圈的旋轉(zhuǎn)與運(yùn)動(dòng)效果,涉及javascript動(dòng)態(tài)操作頁(yè)面元素屬性及進(jìn)行相應(yīng)數(shù)學(xué)運(yùn)算的技巧,需要的朋友可以參考下

2015-08-08

詳解js的事件代理（委托）

JavaScript事件代理（委托）一般用于以下情況：1. 事件注冊(cè)在祖先級(jí)元素上，代理其子級(jí)元素。可以減少事件注冊(cè)數(shù)量，節(jié)約內(nèi)存開銷，提高性能。2. 對(duì)js動(dòng)態(tài)添加的子元素可自動(dòng)綁定事件。本文主要介紹用原生 js 實(shí)現(xiàn)該功能。下面跟著小編一起來(lái)看下吧

2016-12-12