通過傳遞值來避免重複

我使用javascript將圖像插入到dom中，我希望在調用該函數時傳遞圖像的第二個類名和其他一些屬性。通過傳遞值來避免重複

所以我有一個包含代碼的功能：

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);

，但我的頭傳遞變得非常粘，而我試圖想在哪裏放置引號之類的東西，以從代碼中正確地替換這些單詞。

所以我的問題是這樣的：什麼是正確的語法替換單詞「終止符」與一個動態值，傳入時函數被調用？

來源

2012-07-23 Sony packman

像

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

調用函數創建一個像

功能

function movieCreator(movieName){ 

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

};

來源

2012-07-23 07:44:07 bugwheels94

謝謝你，這是有效的，你是最快的回答 – 2012-07-23 08:05:50

像這樣的事情？

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

來源

2012-07-23 07:45:26

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

來源

2012-07-23 07:45:41 Charlie

試試這個

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

     };

來源

2012-07-23 07:45:43

簡單：

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

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

來源

2012-07-23 07:47:06 underscorePez

你創建與這種代碼文件名/位置的依賴。如果服務器管理員移動圖像文件夾會發生什麼情況？或者如果您在調用該函數時拼錯電影標題？

這種情況下，我們通常更適合於基於實際電影信息（包括文件名和位置）的數據源生成服務器代碼。

來源

2012-07-23 07:54:16

通過傳遞值來避免重複

回答

相關問題