Javascript公共脚本库系列(四) 改进的弹出层脚本

核心提示： .csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #

四. 其他改进

和本系列文章第一版本的方法比较,　 showDivCommon方法还做了如下改进:

1. 将计算坐标的方法抽象出来:

//获取对象相对于Body对象的偏移量坐标.需要在Body元素加上position:relative, 并且保证任何父级元素都没有position:relative
/*　 参数说明:
sObj　　　　　 : 要弹出图层的事件源
　　　
用法与测试:
var sObj = document.getElementById("divId");
var position = ScriptHelperV2.getPosition(sObj);
var sObjOffsetTop = parseInt(　 position.OffsetTop );
var sObjOffsetLeft = parseInt( position.OffsetLeft );
*/
scriptHelperV2.prototype.getPosition = function(sObj) {
　　　 var sObjOffsetTop = 0;　　　　　 //事件源的垂直距离
　　　 var sObjOffsetLeft = 0;　　　　 //事件源的水平距离

　　　 /* 获取事件源对象的偏移量 */
　　　 var tempObj = sObj; //用于计算事件源坐标的临时对象
　　　 while (tempObj && tempObj.tagName.toUpperCase() != "BODY") {
　　　　　　　 sObjOffsetTop += tempObj.offsetTop;
　　　　　　　 sObjOffsetLeft += tempObj.offsetLeft;
　　　　　　　 tempObj = tempObj.offsetParent;
　　　 }
　　　 tempObj = null;
　　　 return { OffsetTop: sObjOffsetTop, OffsetLeft: sObjOffsetLeft };
}