九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，这个例子是一个练习循环基础很好的方法，由于排版上对不整齐，因此循环了一个表格。
一、左下角为度的梯形乘法表：
For循环代码
|
1
2
3
4
5
6
7
8
9
|
document.write(
"<table width='' border='>"
);
for
(
var
i=; i<=; i++){
document.write(
"<tr>"
);
for
(
var
j=; j<=i; j++){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
}
document.write(
"</tr>"
);
}
document.write(
"</table>"
);
|
While循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
document.write(
"<table width='' border='>"
);
var
i = ;
while
(i<=){
document.write(
"<tr>"
);
var
j = ;
while
(j<=i){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
j++;
}
document.write(
"</tr>"
);
i++;
}
document.write(
"</table>"
);
|
示例图
frameborder="0" scrolling="no" vspace="0" hspace="0" style="margin: 0px; padding: 0px; border: currentcolor; border-image-source: none; width: 100%; height: 112px; vertical-align: baseline; display: block; position: static;" allowtransparency="true">
二、右下角为度的梯形乘法表：
For循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
|
document.write(
"<table width='' border='>"
);
for
(
var
i=; i<=; i++){
document.write(
"<tr>"
);
for
(
var
n=i; n<; n++){
document.write(
"<td> </td>"
);
}
for
(
var
j=i; j>=; j--){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
}
document.write(
"</tr>"
);
}
document.write(
"</table>"
);
|
While循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
document.write(
"<table width='' border='>"
);
var
i = ;
while
(i<=){
document.write(
"<tr>"
);
var
n = i;
while
(n<){
document.write(
"<td> </td>"
);
n++;
}
var
j = i;
while
(j>=){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
j--;
}
document.write(
"</tr>"
);
i++;
}
document.write(
"</table>"
);
|
示例图
frameborder="0" scrolling="no" vspace="0" hspace="0" style="margin: 0px; padding: 0px; border: currentcolor; border-image-source: none; width: 100%; height: 74px; vertical-align: baseline; display: block; position: static;" allowtransparency="true">
三、左上角为度的梯形乘法表：
For循环代码
|
1
2
3
4
5
6
7
8
9
|
document.write(
"<table width='' border='>"
);
for
(
var
i=; i>=; i--){
document.write(
"<tr>"
);
for
(
var
j=; j<=i; j++){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
}
document.write(
"</tr>"
);
}
document.write(
"</table>"
);
|
While循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
document.write(
"<table width='' border='>"
);
var
i = ;
while
(i>=){
document.write(
"<tr>"
);
var
j = ;
while
(j<=i){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
j++;
}
document.write(
"</tr>"
);
i--;
}
document.write(
"</table>"
);
|
示例图
frameborder="0" scrolling="no" vspace="0" hspace="0" style="margin: 0px; padding: 0px; border: currentcolor; border-image-source: none; width: 100%; height: 74px; vertical-align: baseline; display: block; position: static;" allowtransparency="true">
四、右上角为度的梯形乘法表：
For循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
|
document.write(
"<table width='' border='>"
);
for
(
var
i=; i>=; i--){
document.write(
"<tr>"
);
for
(
var
j=; j>=i; j--){
document.write(
"<td> </td>"
);
}
for
(
var
j=i; j>=; j--){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
}
document.write(
"</tr>"
);
}
document.write(
"</table>"
);
|
While循环代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
document.write(
"<table width='' border='>"
);
var
i = ;
while
(i>=){
document.write(
"<tr>"
);
var
j = ;
while
(j>=i){
document.write(
"<td> </td>"
);
j--;
}
var
j = i;
while
(j>=){
document.write(
"<td>"
+ j +
"*"
+ i +
"="
+ i*j +
"</td>"
);
j--;
}
document.write(
"</tr>"
);
i--;
}
document.write(
"</table>"
);
|
示例图
frameborder="0" scrolling="no" vspace="0" hspace="0" style="margin: 0px; padding: 0px; border: currentcolor; border-image-source: none; width: 100%; height: 74px; vertical-align: baseline; display: block; position: static;" allowtransparency="true">
以上内容是本文给大家分享的JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，希望对大家有所帮助！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js九九乘法表</title>
<style type="text/css">
table {
width: 800px;
height: 300px;
border-collapse: collapse;
}
table th {
border: 1px solid #069;
}
body {
text-align: center;
}
h1 {
font-family: "微软雅黑", Verdana, sans-serif, "宋体";
color: #666;
font-weight: bold;
margin-bottom: 30px;
}
</style>
</head>
<body>
<script type="text/javascript">
document.write("<table>");
var str = "js九九乘法表";
document.write("<h1>" + str + "</h1>");
for ( var x = 1; x <= 9; x++) {
document.write("<tr>");
for ( var y = 1; y <= x; y++) {
document.write("<th>" + x + "*" + y + "=" + (x * y) + "</th>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
[代码运行效果截图]
2043
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
