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