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

hwoarangzk 发表于 2007-10-26 15:21

[求助]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()"> <div id="cartoon" style="position:absolute;"> Cartoon!!! </div> </body> </html> 红色的那句话为什么不起作用？[em13]

Gojo_JS 发表于 2007-10-26 16:19

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

hwoarangzk 发表于 2007-10-26 17:10

嗯，谢谢了[em01]

Gojo_JS 发表于 2007-10-26 17:12

相互交流，共同成长。

lmhllr 发表于 2007-10-26 19:45

似乎这样写不兼容FF啊... 用document.getElementById()吧~~

史诺比 发表于 2007-10-26 20:53

用ID比NAME好点,document.getElementById可以省略 [CODE]<!DOCTYPE HTML PUBLIC#"-//W3C/DTD HTML 4.01//EN" "<a href="http://www.w3c.org/tr/html4/strict.dtd" target="_blank" >http://www.w3c.org/tr/html4/strict.dtd</A>"> <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> <div id="cartoon" style="position:absolute;top:0px;left:0px"> Cartoon!!! </div> </body> </html>[/CODE]

页: [1]