javascript - 将 <a> 放在 <tr> 中的更好做法是什么

<分区>

这两种做法，哪个更好？

<tr onclick="window.document.location='http://link.com';">
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>
    <td>Lorem ipsum.</td>

或者

<tr>
    <td><a href="http://link.com">Lorem ipsum.</a></td>
    <td><a href="http://link.com">Lorem ipsum.</a></td>
    <td><a href="http://link.com">Lorem ipsum.</a></td>
    <td><a href="http://link.com">Lorem ipsum.</a></td>
    <td><a href="http://link.com">Lorem ipsum.</a></td>
</tr>

我只想使用 JavaScript。

在第一种方式中，我只重复一次链接，但我不使用a，在第二个示例中，我使用了多个a 并重复链接。

最佳答案

出于多种原因，我会使用 HTML。

关注点分离:创建 CSS 和 JavaScript 是为了将内容、表示和行为分开。
由于上述原因，不推荐使用内联 JavaScript。您可以创建一个 script 标记，然后引用您有代码的外部 javascript 文件。您应该使用 addEventListener 创建事件监听器。
如果您必须使用onclick，请仅将其用于调用函数。在您的情况下， onclick="window.document.location='http://link.com';" 非常冗长并且占用了大量空间。它不是干净的 html。这是 angular 和 bootstrap 等框架的缺点之一。
如果用户在其浏览器中禁用了 JavaScript，则 JavaScript 代码将无法正常工作。但是，传统的 HTML 仍然会。

他们都完成了同样的事情，但是最好的做法在这里

<td><a href="http://link.com">Lorem ipsum.</a></td>

请看这个问题

Why is using onClick() in HTML a bad practice?

关于javascript - 将 <a> 放在 <tr> 中的更好做法是什么，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32657719/

上一篇：javascript - 在 Jquery 中删除按钮父容器

下一篇：javascript - 用鼠标绘制 SVG

html - 使无序列表可滚动

html - Firefox 和 IE 中线性渐变的代码

c# - 如何在 int 列表中找到满足某些条件的项目的索引？

javascript - Facebook 注销按钮在 Firefox 中爬过屏幕

javascript - 是否可以使用 RegEx 将子字符串移动到特定位置？

javascript - 如何在此 Google map javascript 中提醒纬度？

jquery - 使用 Twitter Bootstrap 填充全屏设计

r - 有没有更有效的方法在列表中用 NA 替换 NULL？

java - 从列表中删除元素