當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js 九九乘法表

發(fā)布時間：2025/6/15 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 js 九九乘法表小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

九九乘法表使用很多種語言都可以實現(xiàn)。本文講述JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對稱的九九乘法表，這個例子是一個練習(xí)循環(huán)基礎(chǔ)很好的方法，由于排版上對不整齊，因此循環(huán)了一個表格。

一、左下角為度的梯形乘法表：

For循環(huán)代碼

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循環(huán)代碼

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循環(huán)代碼

123456789101112

While循環(huán)代碼

123456789101112131415161718

示例圖

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循環(huán)代碼

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循環(huán)代碼

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>");

示例圖

四、右上角為度的梯形乘法表：

For循環(huán)代碼

123456789101112

While循環(huán)代碼

123456789101112131415161718

示例圖

以上內(nèi)容是本文給大家分享的JavaScript中常用的兩種循環(huán)（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>

[代碼運行效果截圖]

總結(jié)

以上是生活随笔為你收集整理的js 九九乘法表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： MySql数据库查询结果用表格输出PHP
下一篇： PHP九九乘法表