本文實例講述了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'> ";<br /> }<br /> else{<br /> if (j==0){<br /> str=str "<tr><th scope='col'> " (a[ai ]) "";<br /> }<br /> else{<br /> if (j==col-1){<br /> str=str "<td scope='col'> " (a[ai ]) "";<br /> }<br /> else{<br /> str=str "<td scope='col'> " (a[ai ]) "";<br /> }<br /> }<br /> }<br /> }<br /> str=str "";<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 ]) "";<br /> }<br /> else{<br /> if (i==(col-1)){<br /> str=str "<th scope='col'> " (a[ai ]) "";<br /> }<br /> else{<br /> str=str "<th scope='col'> " (a[ai ]) "";<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 "";<br /> aa.innerHTML=str;<br /> }<br /> }<br /> 行數： 列數： 表值：
