javascript通过for循环制作table，点击table中的数字弹出包含对应数字的窗口

最新推荐文章于 2022-05-09 12:16:06 发布

原创最新推荐文章于 2022-05-09 12:16:06 发布 · 497 阅读

1 ·

CC 4.0 BY-SA版权

本文展示了一种使用JavaScript for循环动态创建HTML表格的方法，并为每个单元格添加了点击事件，当点击单元格内的数字时，会弹出一个包含该数字的警告框。此示例适用于初学者理解JavaScript如何操作DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>javascript通过for循环制作table，点击table中的数字弹出包含对应数字的窗口</title>
</head>
<body>
<script>
document.write("<table width=500 border=1>")
var b=1;
for(  i = 0 ; i < 3 ; i++)
{
document.write("<tr>")
for(  j = 0 ;j < 3 ; j++ )
{
document.write("<td type='button' onclick=aaa("+b+")>"+b+++"</td>")
}
document.write("</tr>")
}
document.write("</table>")
function aaa(b)
{
alert(b)
}
</script>
</body>
</html>