JS实现上下左右对称的九九乘法表
更新时间：2016年02月22日 08:52:48 作者：jerrylsxu
九九乘法表使用很多种语言都可以实现，本文给大家介绍js使用for、while循环来完成四种对称的九九乘法表，对九九乘法表需要的朋友参考下
九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，这个例子是一个练习循环基础很好的方法，由于排版上对不整齐，因此循环了一个表格。
一、左下角为度的梯形乘法表：
For循环代码
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循环代码
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循环代码
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循环代码
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循环代码
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循环代码
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循环代码
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循环代码
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>");
示例图
以上内容是本文给大家分享的JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，希望对大家有所帮助！
相关文章
这篇文章主要介绍了js实现不提交表单获取单选按钮值的方法,涉及javascript鼠标事件及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JavaScript获取select中text值的方法,涉及javascript针对HTML页面元素相关判断与获取操作技巧,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了javascript中Function类型详解的相关资料,需要的朋友可以参考下2015-04-04
这篇文章主要为大家详细介绍了js Canvas绘制圆形时钟效果的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要为大家详细介绍了js实现无缝滚动双图切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了Atitit.js的键盘按键事件捆绑and事件调度的相关资料,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了JavaScript弹窗基础篇的相关资料,需要的朋友可以参考下2016-04-04
JS将所有对象s的属性复制给对象r(原生js+jquery)
这篇文章主要介绍了js中将所有对象s的属性复制给对象r的方法，原生js+jquery分别实现2014-01-01
这篇文章主要介绍了JS 获取鼠标左右键的键值方法，很简单，但很实用，特别是在做与用户交互相关的东西2014-10-10
在一些传统的小型WEB应用开发过程中，JavaScript通常只是拿来做表单验证而以，所以你很少会遇到因为JavaScript事件冒泡而影响功能的实现情况，又或者事件冒泡对最终实现效果影响不大，可忽略。2010-01-01
最新评论