javascript;无法使图像不互相替换

Question

所以我有一个 3x3 板，其中有 9 个图像，全部初始化为名为空白的图像。我有一个 x & o 图像，我试图将其放置在不将其放置在已被“空白”之外的任何内容占据的位置上的位置。这是我为 o 图像编写的代码，分配了一个随机数，并添加了一些条件，但它不起作用，它仍然用图像 o 替换图像 x 和图像 o。我的条件有问题吗？或者我应该使用 if/else 还是我遗漏了什么？我很感激任何帮助，谢谢。

好吧，我更新了代码，但现在 x 图像根本不显示。表单名称是 pokemon，我需要添加 .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>

Answer 1

您在条件中使用 = 而不是 ==。您可以像这样修复它:

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')