[求助]javascript属性设置事件无效 - JavaScript论坛

问题点数：0 回复次数：5

[求助]javascript属性设置事件无效

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cartoon</title>
<script>
var flag=1;
var dx=1,dy=1;
var x=0,y=50;
var v;
function moveRight(){
var r=document.getElementById("cartoon");
x+=dx;
r.style.left=x+"px";
}
function moveLeft(){
var l=document.getElementById("cartoon");
x-=dx;
l.style.left=x+"px";
}
function moveUp(){
var u=document.getElementById("cartoon");
y-=dy;
u.style.top=y+"px";
}
function moveDown(){
var d=document.getElementById("cartoon");
y+=dy;
d.style.top=y+"px";
}
function moveCartoon(){
var o=document.getElementById("cartoon");
var xx=x;
var yy=y;
if(xx==0&&yy==50) flag=1;
if(xx==300&&yy==50) flag=2;
if(xx==300&&yy==200) flag=3;
if(xx==0&&yy==200) flag=4;
switch(flag){
case 1:moveRight();break;
case 2:moveDown();break;
case 3:moveLeft();break;
case 4:moveUp();break;
}
v=setTimeout("moveCartoon()",10);
}
function stopCartoon(){
clearTimeout(v);
}
function look(){
if(event.shiftKey)
alert("Shift Forbidden!");
if(event.ctrlKey)
alert("Ctrl Forbidden!");
if(event.altKey)
alert("Alt Forbidden!");
}
document.onkeydown=look;
document.b1.onclick=moveCartoon;
</script>
</head>
<body>
<input type="button" value="Start" name="b1">
<input type="button" value="Stop" onclick="stopCartoon()"><br>
<div id="cartoon" style="position:absolute;">
Cartoon!!!
</div>
</body>
</html>
红色的那句话为什么不起作用？

搜索更多相关主题的帖子: javascript　属性　设置　

第 2 楼

得分:0

document.all.b1.onclick=moveCartoon;

document后面要加上all,然后把你的JS代码放到</div>下面去就可以了

天使之所以会飞,是因为他们把自己看的很轻。

第 3 楼

得分:0

嗯，谢谢了

I'm here, as always...

第 4 楼

得分:0

相互交流，共同成长。

天使之所以会飞,是因为他们把自己看的很轻。

第 5 楼

得分:0

似乎这样写不兼容FF啊...

用document.getElementById()吧~~

第 6 楼

得分:0

用ID比NAME好点,document.getElementById可以省略

[CODE]<!DOCTYPE HTML PUBLIC#"-//W3C/DTD HTML 4.01//EN" "http://www.w3c.org/tr/html4/strict.dtd">
<html>
<head>
<title>Cartoon</title>
<script>
var x=0,y=0,a=0,b=0,c=0
function aa(){
if(x<300 && y==0){a=1,b=0}
if(x==300 && y<300){a=0,b=1}
if(x>0 && y==300){a=-1,b=0}
if(x==0 && y>0){a=0,b=-1}
x=x+a
y=y+b
cartoon.style.left=x+"px"
cartoon.style.top=y+"px"
kk.onclick=""
jj=setTimeout("aa()",1)
}
function clear_jj(){
clearTimeout(jj);
kk.onclick=aa}
</script>
</head>
<body>
<button onclick="clear_jj()">停</button>
<button id="kk" onclick="aa()">开始</button><br>
<div id="cartoon" style="position:absolute;top:0px;left:0px">
Cartoon!!!
</div>
</body>
</html>[/CODE]