<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
//var str='<table border="1"><tr><td>Bill Gates</td></tr></table>'; /*表格头
function init(row, col)
{
var str='<table border="1" width="300" height="300">';
for(var i=1;i<=row;i++)
{
str+="<tr>"; /*生成行
for(var j=1;j<=col;j++)
{
str+="<td onclick='judge("+ i +");'>"+( (i-1)*3+j )+"</td>"; /*生成列单元格及内容， 在添加列单元格及内容时因注意“” 与‘’ 就近匹配原则。
}
str+="</tr>"; /*行尾
}
str+= "</table>" /*表格尾
// i=1 j=1---3 1 2 3 (i-1)*3+j
//i=2 4 5 6
//document.write(str);
document.getElementById("mt").innerHTML=str;
}
function createTable()
{
var row=document.getElementById("t1").value; /*获取文本框行列
var col=document.getElementById("t2").value;
init(row,col);
}
function judge(temp)
{
alert(temp);
}
</script>
</head>
<body>
<div id="mt">test</div>
<input type="text" value="3" id="t1"/>
<input type="text" value="3" id="t2"/>
<input type="button" value="生产表格" onClick="createTable();"/>
</body>
</html>