为什么在HTML文件里少了doctype定义这句就可以实现div块的移动?????

为什么一下代码少了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句div块就可以成功的移动了?????

<html >

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>Document</title>

<style type="text/css">

         .class1

    {

        width:100px;

        height:100px;

        background-color:Blue;

        position:absolute;

         left:100px;

          top:100px;

    }


</style>

<script type="text/javascript">


         function show(){

          var box=document.getElementById('box');

          var x = box.offsetLeft

          

            x += 0.5;//每隔40毫秒就向右移动0.5位置

          

            box.style.left = x;//为什么不可以直接使用left来计算呢因为进行加法运算时,必须是数字而left接受的值是字符串所以需要中间变量来调解

   

         }

         function Move(){

          setInterval('show()', 40);

         }

</script>

</head>

<body>

<input type="button" value="右移" onclick="Move();"/>

<div id="box" class="class1"></div>

</body>

</html>


qq_小柯_1
浏览 2062回答 4
4回答

qq_大寒_2

我把你那段代码去掉doctype这句这边可以跑了。。。我查了w3c资料估计和这个有关,我也说不出所以然来,应该是不支持吧。有空再去了解了解
打开App,查看更多内容
随时随地看视频慕课网APP