`
xiaoer_1982
  • 浏览: 1817686 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

JS中获取对象的绝对位置

阅读更多

JS中获取对象的绝对位置

左直拳

网页中,可以用[object].offsetLeft[object].offsetTop来获得该对象(object)与其所在容器中的水平及垂直偏移量。

问题是,在FFFireFox)中,它们是返回与BODY的偏移,而在IE中,是其所在容器中的水平及垂直偏移。

那么怎样在IE中也能获得与BODY的偏移呢?因为这个偏移才最有用,找到了这两个偏移,就相当于找到了在页面中的绝对位置。

可以变通一下:

var posX = objLookingFor.offsetLeft;

var posY = objLookingFor.offsetTop;

var aBox = objLookingFor;//需要获得位置的对象

do {

aBox = aBox.offsetParent;

posX += aBox.offsetLeft;

posY += aBox.offsetTop;

} while( aBox.tagName != "BODY" );

这样到最后,posXposY就是与BODY的偏移。

分享到:
评论

相关推荐

    javascript获取对象的绝对坐标

    javascript查找对象的绝对坐标,IE、Firefox兼容

    Javascript中使用A标签获取当前目录的绝对路径方法

    一谈到路径相关的问题,大家都会往[removed]上想,确实这个对象提供了相当多的路径信息,其中常用的就包括: 1.location.href:当前页面的完整URL 2.location.pathname:当前URL中的路径名 3.location.hash:当前URL...

    JS获取当前脚本文件的绝对路径

    当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧! 一、各大浏览器的实现方式   [a]. Chrome和FF  超简单的一句足矣! var getCurrAbsPath = ...

    get-file-object-from-local-path:使用Node.js从本地路径创建JS File对象实例

    当将Node与前端客户端一起使用时,用于从本地文件系统路径获取JS文件对象的实用程序。 这解决了Node的fs文件系统(浏览器无法访问)与Node无法创建的浏览器的File对象类型之间缺乏互操作性的问题。 安装 这是可通过...

    JavaScript详解(第2版)

    1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 JavaScript及其在Web开发中承担的角色 7 1.8 JavaScript和事件 9 1.9 标准化JavaScript和W3C 11 1.9.1 ...

    javascript 获取元素位置的快速方法 getBoundingClientRect()

    它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应... 再加上滚动距离,就可以得到绝对位置 var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft; var Y =this.getBo

    大名鼎鼎SWFUpload- Flash+JS 上传

    当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了...

    【JavaScript源代码】javascript实现跟随鼠标移动的图片.docx

    3、获取图片元素对象,将鼠标的 x , y 坐标 分别赋值给图片的 left , top 值,为了时鼠标在图片中间,可以减去图片宽高的一半,让图片位置向上向左,注意:不要忘记加上单位 ‘px'  小知识: e.clientX- - -获取...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    javascript操作XML

    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") 'JAVASCRIPT中的创建对象 set objXml=CreateObject("Microsoft.XMLDOM") '创建解析器对象 objXml.async="false" objXml.load("test.xml") '装载xml文件 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    JavaScript与Div对层定位和移动获得坐标的实现代码

    z=obj.style.zIndex //获取对象的z轴坐标值 //设置对象的z轴坐标值为100,确保当前层显示在最前面 obj.style.zIndex=100 x=event.offsetX //获取鼠标指针位置相对于触发事件的对象的X坐标 y=event.offsetY

    艾恩JavaScript插件

    艾恩JavaScript插件 --力推3大功能:拖动,ajax... _.abs(id) 获取指定id标签的绝对坐标,返回{x:value,y:value}; _.trim(str) 去除str两侧的空格,类似于ASP中的Trim 。。。。。。 注:来自网络,非常好用。

    file-name:获取文件路径的基本名称(不包括扩展名)

    文件名 获取文件路径的基本名称(不包括扩展名)。 因为我已经多次键入以下内容: function filename ( fp ) { ... 在本机node.js的回落path.parse方法,如果...|:从文件到目录中获取从路径中的相对文件路径,以路径B.

    通过JAVAScript实现页面自适应

    确定哪些对象是绝对位置是固定的,那些是不固定的,哪些长宽是固定,然后象WIN FORM程序一样,根所软件界面的大小,进行设计相关对象的长宽,绝对位置等属性,但是在WEB上程序没有办法实时检测到窗口大小变化,只能用让实现...

    cookie.js:一个小型JavaScript库,可简化cookie

    cookie.js –简化JavaScript中的cookie cookie.js是一个小型JavaScript库,可简化cookie。 它能够设置,获取和删除cookie,接受各种参数,并支持链接。 它没有任何依赖性,并且经过压缩和压缩,只有0.9 KB小。您为...

    JavaScript 图片切割效果

    底图层和切割层必须完全重合,程序中把这两个层都绝对定位到了左上角: this._layBase.style.top = this._layBase.style.left = this._layCropper.style.top = this._layCropper.style.left = 0; 层叠顺序也要设置...

    精通javascript

    • 13.8.htm “绝对位置”定位 • 13.9.htm z-index属性 • 13.10.htm z-index属性之二 • layerlib.js 跨浏览器DHTML库 • 13.12.htm 跨浏览器DHTML库的使用 第14章(\第14章) ...

    node.js中process进程的概念和child_process子进程模块的使用方法示例

    node.js中有一个 process 全局对象,通过它我们可以获取,运行该程序的用户,环境变量等信息。 一、process 对象 console.log('可执行文件绝对路径', process.execPath); console.log('版本号', process.version); ...

    getAbsoluteUrl:获取页面中资源完整绝对的url地址 Get absolute url from relative one

    获取页面中资源完整绝对的url地址 来龙去脉 页面中很多资源文件有时候我们都是用的相对路径引入的,但是遇到需要将地址传给第三方(如分享微博 微信时),往往需要传给完整的路径。此时简单暴力的写法是直接写个地址...

Global site tag (gtag.js) - Google Analytics