码迷,mamicode.com
首页 > 其他好文 > 详细

第五周(生成动态表格)

时间:2016-03-26 20:15:18      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

这是这周敲的一段代码,继续努力!知道怎样生成动态表格啦,以后做个人网页的时候或许能用到呢。

<!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">

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 id=‘img0‘ onClick=‘judge("+((i-1)*col+j)+");‘>"+((i-1)*col+j)+"</td>";

           }     

str+="</tr>";      }     

str+="</table>"     

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">text</div>

<input type="text" value="3" id="t1"/>

<input type="text" value="3" id="t2"/>

<input type="button" value="生成表格" onClick="createTable();"/>

</body>

</html>

第五周(生成动态表格)

标签:

原文地址:http://www.cnblogs.com/aztl/p/5323717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!