0

JavaScript を使用して画像を dom に挿入しています。関数を呼び出すときに、画像の 2 番目のクラス名とその他のプロパティを渡したいと思います。

だから私はこのコードを含む関数を持っています:

function movieCreator(movieName){

'<img class="clip terminator" src="images/terminator.png" onclick="imageControl(this);" alt="terminator" />','

};

 function movieCreator(movieName){

'<img class="clip rambo" src="images/rambo.png" onclick="imageControl(this);" alt="rambo" />'

 };

これらの関数には他にもいくつかのものがありますが、質問を少し単純化しようとしています。次のような関数を呼び出しながら、「ターミネーター」と「ランボー」という単語を渡したいと思います

movieCreator(terminator);
movieCreator(rambo);

しかし、コードからそれらの単語を正しく置き換えるために、引用符などをどこに配置するかを考えようとしている間、私の頭は本当に行き詰まります。

私の質問は次のとおりです。「ターミネータ」という単語を、関数が呼び出されたときに渡される動的な値に置き換える正しい構文は何でしょうか?

4

6 に答える 6

1

のような呼び出し関数

movieCreator('terminator');
movieCreator('rambo');

次のような関数を作成します

function movieCreator(movieName){

'<img class="clip '+movieName+'" src="images/'+movieName+'.png" onclick="imageControl(this);" alt="'+movieName+'" />','

};
于 2012-07-23T07:44:07.240 に答える
0

この種のコードを使用して、ファイル名/場所への依存関係を作成しています。サーバー管理者が画像フォルダーを移動するとどうなりますか? または、関数を呼び出すときに映画のタイトルのスペルを間違えた場合は?

この種の状況は、通常、実際の映画情報 (ファイル名と場所を含む) のデータ ソースに基づいてサーバー コードを生成するのに適しています。

于 2012-07-23T07:54:16.637 に答える
0

このようなもの?

'<img class="clip ' + movieName + '" src="images/' + movieName + '.png" onclick="imageControl(this);" alt="' + movieName + '" />'
于 2012-07-23T07:45:26.303 に答える
0
    function movieCreator(movieName) {
        return '<img class="clip ' + movieName + '" src="images/' + movieName + '.png" onclick="imageControl(this);" alt="' + movieName + '" />';
    };
    movieCreator('terminator');
    movieCreator('rambo');
于 2012-07-23T07:45:41.450 に答える
0

これを試して

      function movieCreator(movieName){
         var imgTag= '<img class="clip '+ movieName +'" src="images/'+ movieName + '.png" onclick="imageControl(this);" alt="'+ movieName+'" />'

      };
于 2012-07-23T07:45:43.653 に答える
0

単純:

function movieCreator(movieName){
      alert(movieName);
}

movieCreator('terminator');
movieCreator('rambo');
于 2012-07-23T07:47:06.600 に答える