0

我正在使用 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" />'

 };

这些函数中还有其他一些东西，但我试图稍微简化一下这个问题。我想在调用函数时传入“终结者”和“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

像这样的东西？

'<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 回答
0

您正在使用这种代码创建对文件名/位置的依赖。如果服务器管理员移动图像文件夹会发生什么？或者，如果您在调用该函数时拼错了电影名称？

这种情况我们通常更适合服务器代码根据实际电影信息（包括文件名和位置）的数据源来生成。

于 2012-07-23T07:54:16.637 回答