福州seo|福建seo >> 福州SEO优化 >> Html获取控件、元素、DIV绝对位置,兼容IE火狐

Html获取控件、元素、DIV绝对位置,兼容IE火狐

作者:SEO技术 分类: 福州SEO优化 发布于:2015-7-24 23:45 ė593次浏览 60条评论
使用场景:

   为了增强用户休验,经常会用到自定义弹窗,很常用是直接将弹窗弹到屏幕中间,但是有时候弹到中间并不是最优的选择。比如我在网页右上解有个登录弹窗,如果直接弹到屏幕中间,用户须移动到屏幕中间再来操作,如果可以直接弹窗到登录按钮附近,用户休验会好一些。要做到这一点,我们首先需要知道登录按钮的绝对位置,再通过这个绝对位置偏移一个合适距离来显示我们的弹窗。

获取HTML元素的绝对位置:

<HTML>
<HEAD>
<TITLE>取得控件的绝对位置-程序猿SEO:http://www.seo0763.com</TITLE>
</HEAD>
<BODY>
<scriptlanguage="javascript">
function getXY(e)
{
    var t=e.offsetTop;
    var l=e.offsetLeft;
    var w=e.offsetWidth;
    var h=e.offsetHeight;
    while(e=e.offsetParent)
    {    t+=e.offsetTop;
        l+=e.offsetLeft;
    }
    alert("top="+t+"\nleft="+l+"\nWidth="+w+"\nHeight="+h);
}
</script>
<br/><br/><br/><br/><br/><br/>
<input type="button" onclick="getXY(this)" value="点我一下"></BODY>
</HTML>

本文出自 福州seo|福建seo,转载时请注明出处及相应链接。

分享本文至:

俗话说:SEO大神都喜欢发表自己的观点!那么你呢?

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部