本文实例讲述了JS控制网页动态生成任意行列数表格的方法。分享给大家供大家参考。具体分析如下: 这是一个非常简单使用的JS在线生成表格的代码效果 通过JS功能代码,直接输入行数和列数就可以自动生成你需要的表格 当然你也可以扩展JS代码实现生成文字的各种形式 复制代码 代码如下: Js动态生成表格 <br> table{font-size:14px;}<br> <br> function tableclick(name1,name2,name3){<br> Trow=name1.value;<br> Tcol=name2.value;<br> Tv=name3.value;<br> if ((Trow=="") || (Tcol=="") || (Tv=="")){<br> alert("请将制作表格的条件填写完整");<br> }<br> else{<br> r=parseInt(Trow);<br> c=parseInt(Tcol);<br> Table1(r,c,Tv);<br> }<br> }<br> function tablevalue(a,ai,rows,col,str){<br> int1=a.length;<br> for (i=0;i<rows; i){<br /> for (j=0;j<col; j){<br /> if ((j==0)&&(ai>=int1)){break;}<br> if (ai>=int1){<br> str=str "<td scope='col'> </td>";<br> }<br> else{<br> if (j==0){<br> str=str "<tr><th scope='col'> " (a[ai ]) "</th>";<br> }<br> else{<br> if (j==col-1){<br> str=str "<td scope='col'> " (a[ai ]) "</td>";<br> }<br> else{<br> str=str "<td scope='col'> " (a[ai ]) "</td>";<br> }<br> }<br> }<br> }<br> str=str "</tr>";<br> }<br> return str;<br> }<br> function Table1(row,col,Str1){<br> var str="";<br> a=new Array();<br> s=new String(Str1);<br> a=s.split("#");<br> int1=a.length;<br> ai=0;<br> if (col<=int1){<br /> str=str "<table width='300' border='4'>";<br> for (i=0;i<col; i){<br> if (i==0){<br> str=str "<tr><th scope='col'> " (a[ai ]) "</th>";<br> }<br> else{<br> if (i==(col-1)){<br> str=str "<th scope='col'> " (a[ai ]) "</th></tr>";<br> }<br> else{<br> str=str "<th scope='col'> " (a[ai ]) "</th>";<br> }<br> }<br> }<br> if (int1>col){<br> if (row>1){<br> str=tablevalue(a,ai,row-1,col,str);<br> }<br> }<br> str=str "</table>";<br> aa.innerHTML=str;<br> }<br> }<br> 行数: 列数: 表值: 希望本文所述对大家的javascript程序设计有所帮助。