`
jp0520
  • 浏览: 10152 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS获取对象在窗口中的位置

 
阅读更多

//JS得到对象在页面中离左边的绝对位置
function getAbsoluteLeft(ob){
 if(!ob){return null;}
  var mendingOb = ob;
  var mendingLeft = mendingOb .offsetLeft;
  while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
    mendingLeft += mendingOb .offsetParent.offsetLeft;
    mendingOb = mendingOb .offsetParent;
  }
 return mendingLeft ;
}

//JS得到对象在页面中离顶部的绝对位置
function getAbsoluteTop(ob){
 if(!ob){return null;}
 var mendingOb = ob;
 var mendingTop = mendingOb .offsetTop;
 while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
  mendingTop += mendingOb .offsetParent.offsetTop;
  mendingOb = mendingOb .offsetParent;
 }
 return mendingTop ;
}

分享到:
评论

相关推荐

    JavaScript中的Window窗口对象

    JavaScript中的Window窗口对象

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    js实现ifram取父窗口URL地址的方法

    主要介绍了js实现ifram取父窗口URL地址的方法,是javascript操作window.parent对象非常典型的应用技巧,需要的朋友可以参考下

    Javascript获取窗口(容器)的大小及位置参数列举及简要说明

    Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY ...

    javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中BOM和DOM详解  目录 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...

    JS获取各种宽度、高度的简单介绍

    有时候项目中会用到用js获取元素位置来定位元素,首先通过图片说明scrollWidth,clientWidth,offsetWidth的关系。 JS获取各种宽度、高度的简单介绍: scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取...

    JavaScript子窗口ModalDialog中操作父窗口对像

    在ModalDialog中操作父窗口对象 1、不能... 实现 打开对话框时把test1作为参数传给子窗口,在子窗口中获取参数,将参数对象(即a.html中传过来的text对象)的value属性值设置为“子窗口值” 注意:这里只能传id,不能传

    JavaScript基本应用

    六、 Javascript中窗口对象的应用 12 1. 窗口对象的方法 12 2. 窗口对象的实际应用 12 七、 Javascript中其他对象的应用 14 1. 浏览器信息的获取navigator 14 2. 网页信息的获取 14 3. 首页和收藏夹的设置 14 4. ...

    react-scroll-sensor:获取组件中窗口对象的滚动位置

    获取组件中窗口对象的滚动位置 用法 您可以使用它来建立一个粘性div,该div随光标移动。 import ScrollIndicator from "react-scroll-sensor" ; { ( scrollX , scrollY ) => ( Hello < / p > ) } < / ...

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    parent:子窗口的父窗口对象参数值:此参数只用在弹出的窗口中再弹出子窗口时指定父窗口对象,注意如果2层弹出窗口都有遮罩层则一定要加此参数。 dgOnLoad:窗口加载后执行的函数参数值:注意此参数值一定要为函数...

    Javascript 获取鼠标当前的位置实现方法

    有时候,我们需要得到窗口拖动或者鼠标移动的距离,此时可以通过计算鼠标前后在页面中的位置来得到想要的结果,下面介绍几个事件属性: 1、客户区坐标位置  鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置...

    JS大全 web编程

    offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event....

    JavaScript教程

    • 四、 基于对象的JavaScript语言  对象的基础知识  常用对象的属性和方法  范例:时钟 • 五、 创建新对象  对象的定义  创建对象实例  对象方法的使用  JavaScript中的数组  范例:动态文字滚动;颜色...

    window-size:在node.js环境中获取终端控制台的高度和宽度的可靠方法

    获取终端/控制台高度和宽度的可靠方法,因为并非在所有平台,环境和node.js版本上都以相同的方式计算或更新终端/控制台。 安装 使用安装: $ npm install --save window-size 用法 var size = require ( 'window-...

    javascript完全学习手册1 源码

    1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...

    JavaScript完全自学宝典 源代码

    2.1.html JavaScript中this在不同位置指向的对象。 2.2.html null类型的简单应用。 2.3.html 算术运算符用法。 2.4.html 逻辑运算符使用方法。 2.5.html 位运算符使用方法。 2.6.html 赋值...

    javascript event 用法

    Abstract 使用 event 对象获取高级流重定向器(ASX)文件中项目横幅的 Abstract 内容。 altKey 设置或获取 Alt 键的状态。 altLeft 设置或获取左 Alt 键的状态。 Banner 使用 event 对象获取高级流重定向器(ASX)...

    源文件程序天下JAVASCRIPT实例自学手册

    4.4.1 通过对象位置访问文档对象 4.4.2 通过name属性访问文档对象 4.4.3 通过id属性访问文档对象 4.4.4 通过联合数组访问文档对象 4.5 创建和使用自定义对象 4.5.1 通过定义对象的构造函数的方法 4.5.2 通过对象直接...

Global site tag (gtag.js) - Google Analytics