【发布时间】:2019-06-25 22:13:49
【问题描述】:
当用户点击<td>时,有什么方法可以转到URL。
【问题讨论】:
标签: html
当用户点击<td>时,有什么方法可以转到URL。
【问题讨论】:
标签: html
<td><a href="http://example.com"> </a></td>
或
<td onclick="window.location='http://example.com'"></td>
【讨论】:
在 TD 的 onclick 事件上绑定一个 Javascript 方法,如果你使用的是 jQuery,你可以这样做:
$(document).ready(function(){
$("td").click(function(){
// Perform your action on click here, like redirecting to a new url
window.location='http://google.com';
});
});
【讨论】:
同一窗口
onclick="window.location('www.example.com')"
新窗口
onclick="window.open('www.example.com')";
【讨论】:
要么用<a> 填充td,要么将它的onclick 设置为window.location = "URL"
【讨论】:
td { cursor:pointer; }
如果您不想在您的td 中包含任何其他element,那么您可以这样做:
<td onclick="javascript:window.location.href-'http://www.stackoverflow.com'" style="cursor:hand">Stackoverflow</td>
【讨论】:
你可以这样做:
$(document).ready(function(){
$('#myTd').click(function(){
window.location= "http://google.com";
});
});
【讨论】:
其中一些答案提供了 javascript。请始终为浏览器中未启用 javascript 的访问者添加一个普通(锚标记)链接。
【讨论】:
您可以通过三种方式做到这一点。
1) <td><a href="http://example.com">Click me</a></td>
2) <a href="http://example.com"><td>Click me</td></a>
3)<td onclick="window.location='http://example.com'"></td>
【讨论】: