点击<td></td>矩形空间实现页面跳转,Javascript代码求解
发布网友
发布时间：2022-04-24 09:40
共2个回答
热心网友
时间：2022-04-24 11:09
<head>
<title>Test</title>
<script type="text/javascript">
window.onload = function(){
//取得页面上所有的td
var tds = document.getElementsByTagName("td");
//为每个td赋于onclick事件
for(var i=0; i<tds.length; i++){
tds[i].onclick = function(){
//要跳转的网址接到document.location.href后面即可
//此例是将td内的值当成要跳转的页面
document.location.href=this.innerText + ".html";
};
}
};
</script>
</head>
<body>
<table border="1">
<tr>
<td>ABC</td>
<td>DEF</td>
</tr>
<tr>
<td>MNO</td>
<td>XYZ</td>
</tr>
</table>
</body>
</html>
热心网友
时间：2022-04-24 12:27
或
<td onclick="window.open('xxxx.htm');">......</td>
如果希望整行触发，可以把onclick=...放到<tr>标签内
