0

私はJavascriptが初めてで、多くの機能を1つに統合することで生活を簡素化しようとしています.

ボタンをクリックして、デフォルトの画像の代わりに特定の画像をロードできる非常に簡単な操作があります。同じことをする多くの関数を持つのとは対照的に、私はむしろ1つだけを持っています。

画像を配列に保存して、位置で選択できると思いますか?

これが私がこれまでに持っているものです。

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- true かどうかを確認するためにスワップ関数を変更しました -clipはいの場合 - 別のファイルをロードします

于 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 に答える