📄 2.3.htm
字号:
<html>
<head>
<title>while语句</title>
</head>
<body>
<h1>while语句应用举例</h1>
<hr>
<form id="form1">
<input type="text" id="Num1" name="Num1" size="15" value="请在这里输入行数">
<input type="text" id="Num2" name="Num2" size="15" value="请在这里输入列数">
<input type="button" value="列表格" onclick="NumSubmit();">
</form>
<script language="JavaScript">
<!--
function NumSubmit() //函数：用户输入内容的判断
{
//使用两个变量存储用户输入的行、列值
InputNum1=form1.Num1.value;
InputNum2=form1.Num2.value;
//进行各种输入情况的判断
if(isNaN(InputNum1)||isNaN(InputNum2)) //如果输入的内容不是数值
{
alert("行或列不是数值！")
}
else
{
if(InputNum1==""||InputNum2=="") //如果输入内容为空
{
alert("行或列输入不能为空！");
}
else //如果输入了一个数值
{
showTable(InputNum1,InputNum2); //调用函数showTable()显示表格
}
}
}
function showTable(Numb1,Numb2) //函数：画出表格
{
var Numb1,Numb2;
var m=1,n=1;
if(Numb1<1||Numb2<1) //如果输入值太小
{
alert("行或列输入值太小！");
}
if(Numb1>100||Numb2>100) //如果输入值太大
{
alert("行或列输入值太大！");
}
else //如果输入值在1～100之间
{
document.write("<head><title>while循环示例</title></head>");
document.write("使用while循环语句画出的");
document.write(Numb1+"行"+Numb2+"列的表格：<br><br>");
//表格开始
document.write("<table border='1' bordercolor='green'");
document.write("cellpadding='10' cellspacing='10'>");
while(m<=Numb1) //行
{
document.write("<tr>");
while(n<=Numb2) //列
{
//输出单元格内容
document.write("<td align='center'>第"+m+"行第"+n+"列</td>");
n++; //下一列
}
document.write("</tr>"); //行结束
m++; //下一行
n=1; //列数重新计算
}
document.write("</table>"); //表格结束
}
}
//-->
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -