JavaScript使用for循环完成打印出四种形式的九九乘法表

来源:互联网 发布:林心如真恶心知乎 编辑:程序博客网 时间:2024/05/20 11:22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<script type="text/javascript">

//形式一

document.write("<table>");
for (var i = 1; i < 10; i++) {
document.write("<tr>");
for (var j = 1; j<= i; j++) {
document.write("<td>"+j+"*"+i+"="+i*j+"</td >");
}
document.write("</tr>");
}

document.write("</table>");



document.write("------------------------------------------------------------");

//形式二
document.write("<table>");
for (var i = 9; i >0; i--) {
document.write("<tr>");
for (var j = 1; j<= i; j++) {
document.write("<td>"+j+"*"+i+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");


document.write("------------------------------------------------------------");

//形式三
document.write("<table>");
for (var i = 1; i < 10; i++) {
document.write("<tr>");
for (var a = 1; a<10-i; a++) {
document.write("<td> </td >");
}
for (var j = i; j>0; j--) {
document.write("<td>"+i+"*"+j+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");


document.write("------------------------------------------------------------");

//形式四
document.write("<table>");
for (var i = 9; i >0; i--) {
document.write("<tr>");
for (var a = 1; a<10-i; a++) {
document.write("<td> </td >");
}
for (var j = i; j>0; j--) {
document.write("<td>"+i+"*"+j+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");

</script>
</head>
<body>


</body>

</html>

效果一:


效果二


效果三


效果四:


原创粉丝点击