Question

我有一张图片，我有一个外部视频。视频的链接是自定义嵌入代码：

<script type="text/javascript" charset="utf-8" 
src="//www2.uliza.jp/IF/RequestVideoTag.aspx?clientid=1732&amp;episodeid=00&amp;
playertype=OSMFPlayer&amp;maxml=&amp;u_option_adshowflag=0&amp;
html5flag=0&amp;u_base_pw=640&amp;u_base_ph=360">

</script>

当我点击图像时，嵌入的视频将会打开。

Answer 1

你的问题很模糊，但我觉得你只想在DOM元素中添加一个事件处理程序。

有很多方法可以将JavaScript功能添加到网页中。也许添加点击处理程序的最简单方法是使用锚标记并直接从该标记调用JavaScript函数。有几种方法可以做到这一点，但由于多种原因，这两种方法都不是很好的做法。例如：

<a href="#" onclick="someFunction();"><img src="foo.png" alt="some image"></a>

然后你的JS看起来像：

function someFunction() {
  // do something
  return false;
}

或：

<a href="javascript:void(0)" onclick="someFunction();"><img src="foo.png" alt="some image"></a>

然后你的JS看起来像：

function someFunction() {
  // do something
}

如果您想了解更多关于为什么这些都不是特别好的做法的信息，请参阅此条目： https://stackoverflow.com/a/134957/6441528

您可能希望了解使用通常被称为“不引人注目的JavaScript”的内容。关于这个话题已经写了很多。例如： https://www.w3.org/wiki/The_principles_of_unobtrusive_JavaScript

如何在图片中添加javascript链接？

1 个答案: