document.documentElement 有服务器兼容性？

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

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

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

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

 

关键是这两句

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

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

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

var lf = parseInt(evt.x) + 5 ; var tp = parseInt(evt.y) + 5;

 这样才能正常显示。

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

  

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

 

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