怎样用javascript利用for语句或while语句在网页中输出7行3列的表格
4个回答
展开全部
<!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=gb2312" />
<title>动态输出表格</title>
<script language="JavaScript" type="text/javascript">
var colors=new Array();
colors[0]='red';
colors[1]='green';
colors[2]='blue';
var index=0;
function makeColor(){
var color=colors[index];
index++;
if(index>2)
index=0;
return color;
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var rows=prompt('请输入表格行数','在这里输入');<!--这一行让用户输入表格行数-->
rows=parseInt(rows);<!--这一行把输入的文本由字符串型转化为数字型-->
if(!isNaN(rows)&&rows>=1)<!--如果输入的文本可以转化为数字，并且数字大于等于1，才能输出表格，因为表格的行数必须大于零-->
{
document.write('<table>');
for(var i=1; i<=rows ;i++)<!--第一个for循环打印行-->
{
document.write('<tr>');
for(var j=1; j<=3; j++)<!--第二个for循环打印单元格，或者说列-->
{
document.write('<td style="background-color:'+makeColor()+'"> </td>');<!--为了显示出打印的表格，为每个单元格动态地设置了背景色-->
}
document.write('</tr>');
}
document.write('</table>');
}
else<!--如果输入的文字不可以转化为数字或数字小于一，则提示用户-->
{
alert('输入的内容错误，请重新输入！')
}
</script>
</body>
</html>
还有不明白的加我的qq 919689549
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态输出表格</title>
<script language="JavaScript" type="text/javascript">
var colors=new Array();
colors[0]='red';
colors[1]='green';
colors[2]='blue';
var index=0;
function makeColor(){
var color=colors[index];
index++;
if(index>2)
index=0;
return color;
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var rows=prompt('请输入表格行数','在这里输入');<!--这一行让用户输入表格行数-->
rows=parseInt(rows);<!--这一行把输入的文本由字符串型转化为数字型-->
if(!isNaN(rows)&&rows>=1)<!--如果输入的文本可以转化为数字，并且数字大于等于1，才能输出表格，因为表格的行数必须大于零-->
{
document.write('<table>');
for(var i=1; i<=rows ;i++)<!--第一个for循环打印行-->
{
document.write('<tr>');
for(var j=1; j<=3; j++)<!--第二个for循环打印单元格，或者说列-->
{
document.write('<td style="background-color:'+makeColor()+'"> </td>');<!--为了显示出打印的表格，为每个单元格动态地设置了背景色-->
}
document.write('</tr>');
}
document.write('</table>');
}
else<!--如果输入的文字不可以转化为数字或数字小于一，则提示用户-->
{
alert('输入的内容错误，请重新输入！')
}
</script>
</body>
</html>
还有不明白的加我的qq 919689549
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showTable(){
var row=prompt("Please enter rows","");
var column=prompt("Please enter columns","");
var str="<table width='50%' border='1'>";
for(var i=0;i<row;i++){
str+="<tr>";
for(var j=0;j<column;j++){
str+="<td>111</td>";
}
str+="</tr>"
}
str+="</table>"
document.write(str);
}
</script>
<body>
<input type="button" value="请点这里" onclick="showTable()"/>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showTable(){
var row=prompt("Please enter rows","");
var column=prompt("Please enter columns","");
var str="<table width='50%' border='1'>";
for(var i=0;i<row;i++){
str+="<tr>";
for(var j=0;j<column;j++){
str+="<td>111</td>";
}
str+="</tr>"
}
str+="</table>"
document.write(str);
}
</script>
<body>
<input type="button" value="请点这里" onclick="showTable()"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function drawTable()
{
var row = prompt("请输入行数",7);
var column = prompt("请输入列数",3);
document.write("<table style='font-size:30px;'>");
for(var i=0;i<row;i++)
{
document.write("<tr>");
for(var j=0;j<column;j++)
{
document.write("<td>a</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
</script>
function drawTable()
{
var row = prompt("请输入行数",7);
var column = prompt("请输入列数",3);
document.write("<table style='font-size:30px;'>");
for(var i=0;i<row;i++)
{
document.write("<tr>");
for(var j=0;j<column;j++)
{
document.write("<td>a</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
document.write("<table border=1 width=400>")
for(i=0;i<7;i++)
{
document.write("<tr>")
for(j=0;j<3;j++)
{
document.write("<td> </td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
document.write("<table border=1 width=400>")
for(i=0;i<7;i++)
{
document.write("<tr>")
for(j=0;j<3;j++)
{
document.write("<td> </td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
