JavaScript的;无法让图像互相替换

时间:2013-07-28 22:27:05

标签: javascript

所以我有一个3x3的电路板,有9个图像,全部初始化为一个名为空白的图像。 我有一个x& o我试图放置的图像,而不是放在已被“空白”之外的任何东西占据的位置。这是我对o图像的代码,分配了一个随机数,我添加了一些条件,但它不起作用,它仍然用图像o替换图像x和图像o。我的情况有什么问题,或者我是if / else还是我错过了什么?我感谢任何帮助,谢谢。

好,所以我更新了代码,但现在x图像根本没有出现。表单名称是口袋妖怪,我需要添加.image才能让它工作吗?

 var x = "pikachu.jpg";
 var o = "Meowth.jpg";
 var blank = "ball.jpg";             

 function b1Move(imageName){
 temp2=imageName;
 if(document.pokemon[temp2].src==blank)  
 document.pokemon[temp2].src=x;
 cMove();
 }

并且图片的html如下所示:

 <a href="javascript:b1Move('b1')"><img src="ball.jpg" height=150 width=150 name=b1         
 id =b1  > </a>

1 个答案:

答案 0 :(得分:0)

您在条件中使用的是=而不是==。你可以像这样解决它:

if(document.pokemon.b8.src==blank)

document.pokemon.b8.src==blank赋值,并且将始终返回true(假设您指定了实际路径而不是空字符串),而document.pokemon.b8.src==blank相等比较并且只有在左右参数相等时才会返回true。

另一方面,您不需要9种不同的b#Move功能。你应该能够参数化广场:

function bNMove(bn){
  if(document.pokemon[bn].src==blank)
    document.pokemon[bn].src=x;
  cMove();
}

你会这样称呼:bNMove('b9')