获取Html元素在页面中的绝对位置及问题(2)

本文讨论了使用getBoundingClientRect()方法获取元素位置的问题,特别是在IE浏览器中的兼容性挑战。作者分享了实现过程中的经验,并与其他浏览器的支持情况进行了对比。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


======================================================
注:本文源代码点此下载
======================================================

评论

1176406

#1楼

回复 引用 查看

getboundingclientrect().left

getboundingclientrect().top

2005-01-11 09:28 | 边城浪子

#2楼

回复 引用

边城浪子 的方法很简洁,但是好像只有ie支持。:)

2005-01-12 16:58 | ahnan[未注册用户]

#3楼[楼主]

回复 引用 查看

原本我也没有考虑兼容性的,我搞那么复杂其实是我没有发现那个属性

不过在研究那个定位问题时,把浏览器的排版布局策略仔细了解了一下

2005-01-12 19:10 | birdshome

#4楼

回复 引用

现在用firefox的人多了,getboundingclientrect().left

还真是令人头痛:)

2005-03-28 18:42 | robaggio[未注册用户]

#5楼[楼主]

回复 引用 查看

keke,幸好我们的产品只支持ie6及以上:),不然我就,,,我就,,,我就不干了!

2005-03-28 19:07 | birdshome

#6楼

回复 引用

我覺得邊城浪子的方法比較簡單

firefox雖然多人使用,但是對於 dom 或是微軟 jscript 的支援很少,所以決得蠻困擾的;所以我們都推薦客戶使用 sleipnir,它是使用 ie 的核心,又可多頁瀏覽

tom_8848 from taiwan

2005-06-06 22:11 | tom_8848

#7楼[楼主]

回复 引用 查看

@tom_8848

其实能用到getboundingclientrect()的脚本开发,我觉得考虑兼容性的必要本身就不大。你可以看看我写的"关于对cross-browser支持的一些看法"一文,欢迎拍砖

2005-06-07 00:23 | birdshome

#8楼

回复 引用

你考虑得还是不够全面,假如某个div满足你的条件,但是它又是嵌入在另一个满足你条件的div里面的,如果这回事后break,结果就不正确了。

2005-11-11 11:02 | wuxsh[未注册用户]

#9楼

回复 引用

我理解刚好相反

2005-12-23 14:21 | hamadrays[未注册用户]

#10楼

回复 引用

我用方法 1去定位一个嵌套在复杂表单中(包含图像) 的层div2.,返回的div2. offsettop很大(有些机器的浏览器(都是ie6 sp1))

但在它外边嵌套一个层style.position == 'absolute' 就返回正确值

请教高手

2005-12-23 14:31 | hamadrays[未注册用户]

#11楼

回复 引用

这个博客页面的css样式有点粗糙哦

2007-11-03 14:34 | qiyong[未注册用户]

#12楼

回复 引用

div在最外层的情况,getboundingclientrect().left,getboundingclientrect().top的值比offsetleft,offsettop分别多2px,不知为什么?

2008-01-25 14:58 | 111111111111111111111111111[未注册用户]

#13楼

回复 引用

非常遗憾,在frame里面还是有些问题。

2008-04-29 16:22 | 路过[未注册用户]


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值