初学javascript，遇到很多问题，帮忙看看哪里出问题了

常惠发布于 2013-07-30 15:45， 1076 次点击

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>
<script type="text/javascript">
var x=0;
var y=0;
var xs=10;
var ys=10;
  var one=document.getElementById("one");

setInterval(function(){
      x+=xs;
      y+=ys;
      one.style.left=x;
      one.style.top=y;
     },100)

</script>
</body>
</html>

这是Javascript学习视频里的一个例子，但是在视频里能运行，我把代码敲下来，在浏览器里运行却没有反应，为什么，求高手指导
不仅这一个有问题，其他的例子，也都运行没反应，代码也没问题啊，真不知道，问题究竟出在哪里

[ 本帖最后由常惠于 2013-7-30 16:06 编辑 ]

9 回复

love云彩2013-07-30 15:58

你用的是什么软件写的代码？怎么会运行不了？我用DW来运行都可以哦

只有本站会员才能查看附件，请登录

常惠2013-07-30 16:07

回复 2楼 love云彩

我用的也是DW，运行就是没反应啊。我运行了一下从网上搜的有js特效的代码，但这个就是不行，帮忙分析分析啊

哦哦，你运行的，它动了吗，是要往右下角移动的

常惠2013-07-30 16:31

回复 2楼 love云彩

<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>
<script type="text/javascript">
var x=0;
var y=0;

var xs=10;
var ys=10;

  var one=document.getElementById("one");


setInterval(function(){
      x+=xs;
         y+=ys;

         one.style.left=x;
         one.style.top=y;
     },100);

</script>

</body>

这样就行了，也不知道为什么，谢谢啊

love云彩2013-07-31 00:16

以下是引用常惠在2013-7-30 16:31:05的发言：

<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>
<script type="text/javascript">
var x=0;
var y=0;

var xs=10;
var ys=10;

  var one=document.getElementById("one");


setInterval(function(){
      x+=xs;
         y+=ys;

         one.style.left=x;
         one.style.top=y;
     },100);

</script>

</body>

这样就行了，也不知道为什么，谢谢啊

难不成是SetInterval()后面缺了分号而造成的？你试试这个函数后面有无分号的时候，看看运行时的差别

诸葛修勤2013-08-04 11:57

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>
<script type="text/javascript">
var x=0;
var y=0;
var xs=10;
var ys=10;
  var one=document.getElementById("one");

setInterval(function(){
      x+=xs;
      y+=ys;
      one.style.marginLeft = x + "px";
      one.style.marginTop = y + "px";
     },100)

</script>
</body>
</html>

诸葛修勤2013-08-04 11:59

直接拿1楼代码在我的IE8里是可以运行的，上面修改过的在IE和ff中都可以

悬崖之树2013-08-29 19:29

把<body>标签前面的所有代码都删除后就正常了，可能是这些代码存在问题。

渴望做梦2015-02-15 14:13

one.style.left=x+"px";
one.style.top=y+"px";
没加px