JS实现上下左右对称的九九乘法表


Posted in Javascript onFebruary 22, 2016

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

示例图

 JS实现上下左右对称的九九乘法表

二、右下角为度的梯形乘法表:

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

示例图

JS实现上下左右对称的九九乘法表

三、左上角为度的梯形乘法表:

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

示例图

JS实现上下左右对称的九九乘法表

四、右上角为度的梯形乘法表:

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

示例图

JS实现上下左右对称的九九乘法表

以上内容是本文给大家分享的JavaScript中常用的两种循环(For、While)来完成这四种对称的九九乘法表,希望对大家有所帮助!

Javascript 相关文章推荐
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
Jul 19 Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
实例分析js事件循环机制
Dec 13 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
Bootstrap模态对话框中显示动态内容的方法
Aug 10 Javascript
Vue渲染过程浅析
Mar 14 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
详解微信小程序动画Animation执行过程
Sep 23 Javascript
面试中canvas绘制图片模糊图片问题处理
Mar 13 Javascript
基于Javascript实现倒计时功能
Feb 22 #Javascript
TypeOf这些知识点你了解吗
Feb 21 #Javascript
详谈javascript异步编程
Feb 21 #Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 #Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 #Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 #Javascript
JavaScript编程学习技巧汇总
Feb 21 #Javascript
You might like
PHP一些有意思的小区别
2006/12/06 PHP
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
php 静态化实现代码
2009/03/20 PHP
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
2014/05/04 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
jQuery.uploadify文件上传组件实例讲解
2016/09/23 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
微信小程序手机号码验证功能的实例代码
2018/08/28 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
2019/08/28 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
python随机生成指定长度密码的方法
2015/04/04 Python
python检测某个变量是否有定义的方法
2015/05/20 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
numpy数组广播的机制
2019/07/12 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
python各种excel写入方式的速度对比
2020/11/10 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
行政文员岗位职责
2013/11/08 职场文书
五一口号
2014/06/19 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android