0

我是 Javascript 的新手，我试图通过将许多功能集成到一个中来简化我的生活。

我有一个非常简单的操作，允许单击按钮加载特定图像来代替默认图像。与拥有许多做同样事情的功能相反，我宁愿只有一个。

我想您可以将图像存储在数组中并按位置选择它们？

这是我到目前为止所拥有的。

function swap1() {
  document.getElementById("default").src="321.jpg";
}

function swap2() {
  document.getElementById("default").src="432.jpg";
}

function swap3() {
  document.getElementById("default").src="742.jpg";
}

 

<input type="button" onClick="swap1()">
<input type="button" onClick="swap2()">
<input type="button" onClick="swap3()">
4

2 回答 2

6

使用函数参数：

function swap(imgNumber)
{
document.getElementById("default").src=imgNumber+".jpg";
}

然后：

<input type="button" onclick="swap('321')">
<input type="button" onclick="swap('432')">
<input type="button" onclick="swap('742')">

回答评论（不是最好的 js 代码，而是展示变量的想法）：

var clip=false;
function setClip(val) {
   clip=val;
}
function swap(imgNumber)
{
   if(clip==true)
     document.getElementById("default").src=imgNumber+"clip.jpg";
  else
     document.getElementById("default").src=imgNumber+".jpg";
 }


<input type="button" onclick="swap('321')">
<input type="button" onclick="swap('432')">
<input type="button" onclick="swap('742')">
<input type="button" onclick="setClip(true)">

只需添加采用 true/false 的变量 - 最后一个按钮将clip变量设置为true- 我们更改了交换函数以检查是否clip为 true - 如果是 - 它加载不同的文件

于 2013-07-27T22:44:58.560 回答
2

你可以这样做

JS

function swap(string img)
{
    document.getElementById("default").src=img;
}

HTML

<input type ="button" onClick="swap('321.jpg')">
<input type ="button" onClick="swap('432.jpg')">
<input type ="button" onClick="swap('742.jpg')">
于 2013-07-27T22:45:35.360 回答