В этой статье описывается метод JS, управляющего динамической генерацией произвольных таблиц строк и столбцов на веб -странице. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Это очень простой эффект кода для генерации таблиц онлайн с помощью JS
Через код функции JS вы можете автоматически генерировать необходимую таблицу, непосредственно введя количество строк и столбцов
Конечно, вы также можете расширить код JS для реализации различных форм генерации текста
Скопируйте код следующим образом: <html>
<голова>
<title> JS Динамически генерировать таблицы </title>
<стиль типа = "text/css">
Таблица {font-size: 14px;}
</style>
</head>
<тело>
<script language = "javascript">
Функция TableClick (name1, name2, name3) {
Trow = name1.value;
Tcol = name2.value;
TV = name3.value;
if ((trow == "") || (tcol == "") || (tv == "")) {
оповещение («Пожалуйста, заполните условия для создания формы»);
}
еще{
r = parseint (trow);
c = parseint (tcol);
Таблица 1 (R, C, TV);
}
}
Функция TableValue (A, AI, Rows, Col, Str) {
int1 = A.Length;
for (i = 0; i <rous; ++ i) {
for (j = 0; j <col; ++ j) {
if ((j == 0) && (ai> = int1)) {break;}
if (ai> = int1) {
str = str+"<td scope = 'col'> </td>";
}
еще{
if (j == 0) {
str = str+"<tr> <th scope = 'col'>"+(a [ai ++])+"</th>";
}
еще{
if (j == col-1) {
str = str+"<td scope = 'col'>"+(a [ai ++])+"</td>";
}
еще{
str = str+"<td scope = 'col'>"+(a [ai ++])+"</td>";
}
}
}
}
str = str+"</tr>";
}
вернуть Str;
}
Функция Table1 (row, col, str1) {
var str = "";
a = new Array ();
s = новая строка (str1);
a = s.split ("#");
int1 = A.Length;
ai = 0;
if (col <= int1) {
str = str+"<table width = '300' border = '4'>";
for (i = 0; i <col; ++ i) {
if (i == 0) {
str = str+"<tr> <th scope = 'col'>"+(a [ai ++])+"</th>";
}
еще{
if (i == (col-1)) {
str = str+"<th scope = 'col'>"+(a [ai ++])+"</th> </tr>";
}
еще{
str = str+"<th scope = 'col'>"+(a [ai ++])+"</th>";
}
}
}
if (int1> col) {
if (row> 1) {
str = tablevalue (a, ai, row-1, col, str);
}
}
str = str+ "</table>";
aa.innerhtml = str;
}
}
</script>
<form name = "form1" method = "post" action = "">
<p> <b> Номер строки: </b>
<input name = "name1" type = "text" value = "4">
<b> Количество столбцов: </b>
<input name = "name2" type = "text" value = "4">
<input type = "button" name = "opper3" value = "генерировать таблицу" onclick = "tableclick (document.form1.name1, document.form1.name2, document.form1.name3)"> </p>
<p> <b align = "top"> Значение таблицы: </b> </p>
<p>
<input name = "name3" wrap = "virtual" value = "col1#col2#col3#col4#row1#a1#a2#a3#row2#b1#b2#b3#row3#c1#c2#c3">
</p>
</form>
<div id = "aa"> </div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.