是否可以在html中声明Javascript函数变量？

Question

我还只是一个新手，并且以前有C ++的经验，问题是可以在javascript / html中做吗。

我想在JavaScript中创建一个函数，该函数使用图像位置数组替换单击时的图像。是否有可能以某种方式在html中声明所需的变量（数组中的位置编号）？因此，我不必为每个单独的图像创建一个单独的函数。

在C ++中，您创建一个函数，然后在方括号内声明一个变量。这里是否可能，如果没有，是否有任何解决方案？

JavaScript：

var imgArray = ["images/2.jpg","images/3.jpg"]

function newImage() {

  document.getElementById('pic').src = imgArray[1];

}

HTML：

<div class="project" id="ba">

   <p onclick="newImage()">Poster</p>

</div>

是否可以在html“ newImage（NUMBER）”中插入数字？

Answer 1

您可以从HTML发送索引号，并在javascript函数中将其作为参数接收：function newImage(index) {&nbsp; &nbsp;document.getElementById('pic').src = imgArray[index];}&nbsp;&nbsp;// in the html<div class="project" id="ba">&nbsp; &nbsp; &nbsp;<p onclick="newImage(1)">Poster</p></div>

Answer 2

如果您打算只使用一个<p>，则可以初始化一个计数器变量，该变量在每次单击“海报”标签并将其修改为images数组的长度时都会增加。它将循环可用图像。var imgArray = ["images/2.jpg","images/3.jpg"]var counter = 0;function newImage() {&nbsp; document.getElementById('pic').src = imgArray[counter];&nbsp; counter = ++counter % imgArray.length;}<div class="project" id="ba">&nbsp; &nbsp;<p onclick="newImage()">Poster</p></div><img id="pic" src="#"/>否则，更新您的newImage()函数以包含参数，newImage(index)并在您的函数中传递所需的索引<p onclick="newImage(1)">poster</p>