Javascript 如何在img html5标记中进行onclick调用带有参数的函数?

Javascript 如何在img html5标记中进行onclick调用带有参数的函数?,javascript,Javascript,我希望我的img链接调用一个javascript函数,该函数将向函数sendName发送一个名称,该名称将是video.mp4名称。此时,sendName应该只显示一个警报 最后,我想在一个函数中调用jwplayer,我可以用电影名称发送一个参数,以便它播放特定的电影。名称valley.mp4是将放置的变量。如果我将jwplayer放在函数中,那么播放器将不会加载到屏幕上 所以当我点击一部电影的名字,它就会播放那部电影。这是我在家里用的 <li class="topfirst">&l

我希望我的img链接调用一个javascript函数,该函数将向函数sendName发送一个名称,该名称将是video.mp4名称。此时,sendName应该只显示一个警报

最后,我想在一个函数中调用jwplayer,我可以用电影名称发送一个参数,以便它播放特定的电影。名称valley.mp4是将放置的变量。如果我将jwplayer放在函数中,那么播放器将不会加载到屏幕上

所以当我点击一部电影的名字,它就会播放那部电影。这是我在家里用的

<li class="topfirst"><a href="#" style="width:574px;">
<img src="s/256base-open-over.png" onClick="sendName('a.mp4');">Dr. No. (1962)</a></li>
测试功能:

function sendName(name) {
  alert(name);
}

您可以使用数据属性来存储参数。触发事件时,可以从event.target中删除目标,然后可以使用其数据属性

// based on jQuery

$('img').on('click', function (event) {
  var btn = $(event.target);

  sendName(btn.data('video-name'));
});

您应该遵循类似的模式。

onclick,而不是onclick(使用html5 doctype),您可以发布一个这样的示例。
// based on jQuery

$('img').on('click', function (event) {
  var btn = $(event.target);

  sendName(btn.data('video-name'));
});