javascript - 如何使表格单元格中的图像可点击

Question

我是一名初学者程序员，正在努力弄清楚如何使图像可点击。

我有一组图像放入表格中，因为那是我需要的布局。目标是在选择表中的某个图像后链接到其他页面。到目前为止，这就是我所拥有的（有多个单元格）：

<table border="0">
    <tr>
    <td>
        <a>
            <img src="img1.jpg" width="400" height="178" class="next" onclick="change('http://www.google.com')"/>
        </a>
        <div class="imgText"> Image 1 </div></td>
    </tr>
</table>

Answer 1

而不是onclick，为什么不使用href链接：

<a href="http://www.google.com"><img src="img1.jpg" width="400" height="178" class="next" /></a>

虽然使用 JavaScript，但您会使用window.location：

onclick="window.location = 'http://www.google.com'"

Answer 2

如果您的代码中有某处：

<script>
...
function change(location){
  window.location = location;
}
...

它应该工作。另外 Blaster 的反应非常好，记住要给图像边框=0。带有 hreh 属性集的标签中的图像在某些浏览器上会出现边框。