是否可以在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) {

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

}  

// in the html

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

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

</div>

Answer 2

如果您打算只使用一个<p>，则可以初始化一个计数器变量，该变量在每次单击“海报”标签并将其修改为images数组的长度时都会增加。它将循环可用图像。

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

var counter = 0;

function newImage() {

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

  counter = ++counter % imgArray.length;

}

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

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

</div>

<img id="pic" src="#"/>

否则，更新您的newImage()函数以包含参数，newImage(index)并在您的函数中传递所需的索引<p onclick="newImage(1)">poster</p>