!doctype html 破坏了我的脚本

Question

!doctype html 破坏了我的脚本

所以我有以下代码必须返回给定对象的屏幕坐标：

<!DOCTYPE HTML>
<html>
<head>
</head>
<body style="margin:0px;padding:0px;">

<div id="help" style="top:100px;right:100px;height:200px;width:200px;position:fixed;border:1px solid #000"></div>
<div id="what">what</div>
<div style="position:relative;margin-top:10000px;"></div>
<script>

function getoffset(element) {
    var xPosition = 0;
    var yPosition = 0;

    while(element) {
        yPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
        xPosition += (element.offsetTop - element.scrollTop + element.clientTop);
        element = element.offsetParent;
    }
    return [xPosition, yPosition];
}

function cl(){
    var help = document.getElementById('help');
    var what = document.getElementById('what');
    var where = getoffset(what);
    help.innerHTML= where;

}
setInterval(function (){cl()},100);
</script>
</body>

Run Code Online (Sandbox Code Playgroud)

它在 IE、chrome、opera 和 ff 上运行良好，直到我添加<!DOCTYPE HTML>指令（强制 IE 尊重 div 定位）。
当我这样做时，这段代码始终返回相同的值（只有 Chrome 做得很好）。我做错了什么？？

Answer 1

dte*_*ech 5

您正在使用一些 HTML 或 javascript，这取决于浏览器是否处于怪癖模式才能运行（IE9+ 也有“IE8 标准模式”）。添加有效的现代文档类型使浏览器处于标准/严格模式。

问题可能是您使用scrollLeft/scrollRight和scrollTop/ clientTop。它们在旧浏览器中的行为不同。

归档时间：	12 年，3 月前
查看次数：	196 次
最近记录：	12 年，3 月前