繁体   English   中英

HTML表的OnClick事件

[英]OnClick event with HTML table

当我单击HTML表格中的特定单元格时,我想打开一个新的aspx页面。 这可能吗? 在此先感谢您的帮助

解决方案1:将其添加到您的表格单元格onclick =“ redirectpage()”

function redirectpage()
{
window.location="www.google.com";//page location
}

解决方案2:如果您在表格单元格中使用超链接,那就更好了。 它是一个更优雅的解决方案。

解决方案3:将此添加到您的JavaScript

window.onload=setclickevent;
function setclickevent()
{
var myTab=document.getElementById('table');//Replace with your table id.
myTab.rows[0/*Row*/].cells[0/*Row's cell*/].onclick=function(){alert('event added');};
}

有可能的。

通过标记名称获取元素,然后为其分配click事件。 一个简单的匿名函数即可。

Javascript:

var tablecell = document.getElementsByTagName("TD"):

for( index = 0; index < tablecell.length ; index++)
{
  tablecell[i].onclick = function(){
  window.open( 'newpage.aspx');
  };
}

这会将点击事件添加到整个dom中的所有td元素中。

您的表格单元格将具有以下内容

<td>测试单元格</ td>您可以将其更改为具有以下超链接

<td onclick ='window.location =“ www.google.com”'>测试单元格</ td>

如果要在新窗口中打开,请使用window.open('www.google.com')。

希望这对您有所帮助。

快乐编码!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM