HTML在图像onclick上打开新窗口

时间:2013-07-09 09:10:40

标签: javascript html html5 javascript-events

我的网页中只有一张图片,这张图片基本上是一张架构图,每当有人在新打开的窗口中点击此图片时,我需要打开一个新窗口,具体取决于架构图的哪个组件用户点击。我怎样才能最好地实现这个功能?请帮忙,因为我是新手。

4 个答案:

答案 0 :(得分:2)

这样做

<a href="http://www.somesite.com" target="_blank">Link text </a>

如果您使用链接的图像映射,只需将目标设置为_blank。

另一方面,您是否必须在新窗口中打开?这只会打破浏览器的自然导航并使后退按钮无效。结束许多新的打开标签更加令人困惑,可能是糟糕的用户体验。只是一个想法。

答案 1 :(得分:1)

制作图像地图。您可以手动或通过在线工具执行此操作(仅限Google,this是我找到的第一个)。对于您的链接,请使用target="_blank",它将打开一个新窗口/标签。

答案 2 :(得分:1)

也许使用image map并在其中定义area tags。这是我能想到的支持其中包含多个区域的图像的最佳方式。

答案 3 :(得分:0)

我建议使用 map 标签,我认为它比JavaScript更容易

http://www.w3schools.com/tags/tag_map.asp