通过传递值来避免重复

我使用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

通过传递值来避免重复

回答

相关问题