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

已结贴√ 问题点数：20 回复次数：9

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

<!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 编辑 ]

第 2 楼

得分:10

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

思考赐予新生，时间在于定义

第 3 楼

得分:0

回复 2楼 love云彩

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

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

第 4 楼

得分:0

回复 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>

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

第 5 楼

得分:0

以下是引用常惠在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()后面缺了分号而造成的？你试试这个函数后面有无分号的时候，看看运行时的差别

思考赐予新生，时间在于定义

第 6 楼

得分:10

程序代码：

<!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>

第 7 楼

得分:0

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

第 8 楼

得分:0

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

第 9 楼

得分:0

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