欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

js 九九乘法表

发布时间：2025/6/15 编程问答 47 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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循环代码

?
123456789101112document.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循环代码

?
123456789101112131415161718document.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循环代码

?
123456789101112document.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循环代码

?
123456789101112131415161718document.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 九九乘法表的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。