2

<!doctype html> 我正在开发一个网页，并在页面上使用一些 javascripts 来移动一些 html 元素，但我发现当页面顶部或任何类型的<!doctype>s 添加到页面顶部时，javascript 代码不起作用！这是什么错误？

我在谷歌上搜索，我发现<!doctype html>即使stackoverflow源代码也有正确的格式，但是当我使用它时，javascripts不工作，但当它删除脚本工作正常&html对象正在移动，但我的样式因为删除而消失了<!doctype html>

<!doctype html>   when this line removed it works(html element is moving)
<html>
<head>
    <script type="text/javascript">

        function scrollDiv(){
                  var obj = document.getElementById("movingDiv");
                  obj.style.left = 100;
                  obj.style.top = 10;
                  }

                document.onclick = scrollDiv;

    </script>
</head>
<body  class="body">
<div class="maindiv" id="mainDiv">
  <div class="html_js_code" style="text-align:center;">

  <div id="movingDiv" style="position:absolute;left:100pt;top:10pt;border:1px blue 

outset;width:160px;background-color:lightyellow;font-weight:bold;">Moving Div</div>
</div>
</div>
</body>
</html>
4

2 回答 2

8

如果没有 doctype，浏览器会假定未标记的长度以像素为单位。对于 doctype，它们需要一个明确的单元。

obj.style.left = "100px";
obj.style.top = "10px";
于 2012-07-08T15:35:55.943 回答
-1

你也忘了把括号放在你调用的函数的末尾。我也很确定你错误地通过了它。我相信它应该是这样的：

document.onclick = scrollDiv();

或者

document.onclick(scrollDiv());
于 2012-07-08T15:40:17.783 回答