javascript - 将整个表格行变成链接的最标准和兼容的方法是什么？

Question

显然你不能只包围 <tr>带有 <a> 的标签标记并收工；这是无效的，甚至不起作用。我见过使用 JavaScript，但不支持 JavaScript 的浏览器会怎样？ 制作整个表格行的最佳方法是什么<tr>进入链接？

编辑:应 Lerxst 的要求，这里有一个包含一些行的表格示例:

<table>
    <thead>
        <tr><th>Name</th><th>Number of widgets</th></tr>
    </thead>
    <tbody>
        <tr><td>Bob Smith</td><td>Three</td></tr>
        <tr><td>Chuck Norris</td><td>Infinity+1</td></tr>
    </tbody>
</table>

Answer 1

我的偏好是在最合乎逻辑的单元格中放置一个链接(可能是名称)，然后按照以下行添加一个事件处理程序:

 tr.onclick = function (e) {
     location.href = this.getElementsByTagName('a')[0].href;
 }

非 JS 客户端仍然可以使用常规链接。

更高效的方法是，将事件处理程序附加到表中，并使用事件对象通过单击找到元素，然后爬上父元素树，直到它命中一行。这可能最好使用 YUI 或 jQuery 等库来实现。