首页 > 技术文章 > 第8周学习进度表

mjs123 2016-04-21 23:43 原文

周数 专业目标学习 专业学习时间 博客发表量 人文方面的学习 知识技能总结
8 数据结构与算法,HTML,计算机网络基础 平均3小时/天 8 四级词汇 HTML完成了动态表格,我觉得网页制作表面虽然光鲜亮丽,看起来很简单,但是背后的代码是需要花很长时间才能写出来的
  <!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">
  str+="</table>"
  var row=3;
  var col=3;
  function ok(row,col)
  {
  for(var i=0;i<row;i++)
  {
  str+="<tr>";
  for(var j=0;j<col;j++)
  {
  str+="<td>"+(i*3+j)+"</td>";
  }
  str+="</tr>";
  }
  str+="</table>";
  document.getElementById("w").innerHTML=str;
  }
  function cs()
  {
  var row=document.getElementById("t1").value;
  var col=document.getElementById("t2").value;
  ok(row,col);
  }
  (/script)
  </head>
  <html>
  <body>
  <div id="w">test</div>
  <input type="text" size="10" id="t1" />
  <input type="text" size="10" id="t2" />
  <input type="button" onclick="cs();" />
  </body>
  </html>
  </body>
  </html>
   

 

推荐阅读