js 九九乘法表

九九乘法表使用很多种语言都可以实现。本文讲述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>

[代码运行效果截图]


js 九九乘法表

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值