Javascript doctype和onclick事件_Javascript_Html

Javascript doctype和onclick事件

javascript html

Javascript doctype和onclick事件,javascript,html,Javascript,Html,有人能解释一下，为什么我只需将div移动到鼠标单击位置，而下面的代码只有在删除DOCTYPE标记时才起作用 <!DOCTYPE html> <html lang="en"> <head> <title>Prova</title> <style> .bbox{ width: 10px; height:10px; position:absolute;

有人能解释一下，为什么我只需将div移动到鼠标单击位置，而下面的代码只有在删除DOCTYPE标记时才起作用

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Prova</title>
    <style>
      .bbox{
        width: 10px;
        height:10px;
        position:absolute;
        background-color: orange;
    }
</style>
</head>
<body onclick = "moves()">
   <script>
       function moves(){
       var cordx;
       var cordy;
       var d;
       var e = window.event;
       d= document.getElementById('box');
       cordx = e.clientX;
       cordy = e.clientY;
       d.style.left = cordx;
      d.style.top = cordy;

    }
  </script>



<div class="bbox" id='box'></div>
</body>
</html>


普罗瓦
.bbox{
宽度：10px；
高度：10px；
位置：绝对位置；
背景颜色：橙色；
}
函数移动（）{
科尔德变种；
科迪变种；
变量d；
var e=window.event；
d=document.getElementById（'box'）；
cordx=e.clientX；
cordy=e.clientY；
d、 style.left=cordx；
d、 style.top=cordy；
}

CSS要求（除

）具有单位

您正在为

d.style.left

和

d.style.top

分配整数

如果你认为这个页面是在90年代写的，而那个时代的浏览器是这样写的。一旦此类错误将CSS中的整数视为像素值而不是错误

使用

+“px”