📅 最后修改于: 2023-12-03 14:56:11.383000 🧑 作者: Mango
在 HTML 中，我们可以使用 JavaScript 在点击表格的某一行时重定向到新页面。这种行为通常在需要展示更多信息的情况下非常有用，例如在表格中展示列表，然后在新页面中显示选定行的详细信息。
下面是一个示例代码片段，它展示了如何通过点击表格的行来重定向到新页面。
<!DOCTYPE html>
<html>
<head>
<title>点击 tr 重定向新页面</title>
<script>
function redirectToNewPage(url) {
window.location.href = url;
}
</script>
</head>
<body>
<table>
<tr onclick="redirectToNewPage('https://example.com/page1')"> <!-- 这里需要替换为你想要重定向到的页面的 URL -->
<td>行1列1</td>
<td>行1列2</td>
</tr>
<tr onclick="redirectToNewPage('https://example.com/page2')"> <!-- 这里需要替换为你想要重定向到的页面的 URL -->
<td>行2列1</td>
<td>行2列2</td>
</tr>
<!-- 其他行... -->
</table>
</body>
</html>
在上面的代码中，我们定义了一个 redirectToNewPage 函数，它会在点击行时被调用。这个函数会通过 window.location.href 将当前页面的 URL 替换为我们想要重定向到的新页面的 URL。
你可以根据需求修改代码中的 URL，将其替换为你想要重定向到的页面的 URL。同时，你也可以根据实际情况对表格的行进行修改和扩展。
希望以上代码对你有所帮助！请注意，在实际项目中，你可能需要添加更多的逻辑和样式来适应特定的需求。