学步园

document.onmouseover= function (e){<br /> var evt = window.event||e;<br /> var target = evt.srcElement || evt.target;<br /> var tle = "";<br /> if(target.title&&target.title !=""){<br /> tle = target.title;<br /> target.title = "";<br /> var lf = parseInt(evt.x) + document.documentElement.scrollLeft + 5 ;<br /> var tp = parseInt(evt.y) + document.documentElement.scrollTop + 5;<br /> var div = null;<br /> if($g('__divTitleId')!=undefined){<br /> div = $g('__divTitleId');<br /> }else{<br /> div = document.createElement('div')<br /> position = 'absolute';<br /> div.style.display='none';<br /> document.body.appendChild(div);<br /> }<br /> with(div.style){<br /> position = 'absolute';<br /> display='block';<br /> background='#ffffff';<br /> border='1px solid #aaaaaa';<br /> color='#006600';<br /> fontStyle='italic';<br /> padding='5px 5px 5px 5px';<br /> left=lf + 'px';<br /> top=tp + 'px';<br /> }<br /> div.id='__divTitleId';<br /> div.innerHTML = tle;</p> <p> target.onmouseout = function(){<br /> if($g('__divTitleId')!=undefined){<br /> $g('__divTitleId').style.display='none';<br /> target.title=$g('__divTitleId').innerHTML;<br /> }<br /> }<br /> }<br /> }<br /> function $g(id){return document.getElementById(id);}

上面是我写的一个加强title属性的方法。

写好之后在我本地服务器，IE8下显示正常，但是发布到  server 2003 系统（英文），同样是在我本地的IE8里面浏览，就出现了显示不正常的问题：

    当窗口出现滚动条并滚动到下面之后，弹出的层跑到鼠标下面老远，top属性设置太大。

关键是这两句

var lf = parseInt(evt.x) + document.documentElement.scrollLeft + 5 ;<br /> var tp = parseInt(evt.y) + document.documentElement.scrollTop + 5;

计算弹出层的left和top属性，以上两句是没问题的，鼠标的x，y坐标，还要加上滚动距离（+5 px是为了稍微离开鼠标指针）。

而发布在server 2003 系统（英文）服务器上（IIS6）上就显示不正确了，需要改成如下：

var lf = parseInt(evt.x) + 5 ;<br /> var tp = parseInt(evt.y) + 5;

 这样才能正常显示。

就是说在这个服务器上evt.x ，evt.y就已经包含了scroll值，这是怎么回事呢？鼠标事件的x，y坐标有服务器兼容性吗？

也就是说前端js不只存在浏览器兼容性，还存在服务器兼容性？？

 有人碰到这样的问题吗？如何解决，敬请指教。