JS實(shí)現(xiàn)上下左右對(duì)稱的九九乘法表
更新時(shí)間：2016年02月22日 08:52:48 作者：jerrylsxu
九九乘法表使用很多種語言都可以實(shí)現(xiàn)，本文給大家介紹js使用for、while循環(huán)來完成四種對(duì)稱的九九乘法表，對(duì)九九乘法表需要的朋友參考下
九九乘法表使用很多種語言都可以實(shí)現(xiàn)。本文講述JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對(duì)稱的九九乘法表，這個(gè)例子是一個(gè)練習(xí)循環(huán)基礎(chǔ)很好的方法，由于排版上對(duì)不整齊，因此循環(huán)了一個(gè)表格。
一、左下角為度的梯形乘法表：
For循環(huán)代碼
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)代碼
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)代碼
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循環(huán)代碼
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>");
示例圖
三、左上角為度的梯形乘法表：
For循環(huán)代碼
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)代碼
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)代碼
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循環(huán)代碼
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>");
示例圖
以上內(nèi)容是本文給大家分享的JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對(duì)稱的九九乘法表，希望對(duì)大家有所幫助！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JavaScript模擬鼠標(biāo)右鍵菜單效果的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
下面小編就為大家?guī)硪黄猨s中的this指向和自定義屬性。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2021-09-09
微信小程序開發(fā)之實(shí)現(xiàn)別踩白塊游戲
這篇文章主要為大家詳細(xì)介紹了如何通過微信小程序開發(fā)一個(gè)簡(jiǎn)單的別踩白塊游戲，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以和小編一起學(xué)習(xí)一下2023-02-02
這篇文章主要介紹了JS錨點(diǎn)的設(shè)置與使用方法,涉及javascript針對(duì)頁面元素屬性的簡(jiǎn)單動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
基于JavaScript實(shí)現(xiàn)線性漸變的高斯模糊效果
這篇文章主要為大家詳細(xì)介紹了高斯模糊算法以及線性漸變的高斯模糊算法的原理,并通過一個(gè)小demo展示了如何實(shí)現(xiàn)y方向上線性漸變的高斯模糊效果,需要的可以了解下2024-01-01
JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果完整實(shí)例
這篇文章主要介紹了JS采用絕對(duì)定位實(shí)現(xiàn)回到頂部效果,以完整實(shí)例形式分析了JS定位到頁面頂部功能的實(shí)現(xiàn)方法,涉及javascript動(dòng)態(tài)操作頁面元素與屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06
javascript實(shí)時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示的方法
這篇文章主要介紹了javascript實(shí)時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示的方法,涉及javascript操作鼠標(biāo)事件的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了layui的form.on的使用,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了js獲取鼠標(biāo)位置的方法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript響應(yīng)鼠標(biāo)事件獲取并操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了js編寫輪播圖效果的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03