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 相关文章推荐
固定表格行列(expression)在IE下适用
Jul 25 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 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
网络资源
2006/10/09 PHP
php debug 安装技巧
2011/04/30 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
七个很有意思的PHP函数
2014/05/12 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
js自定义回调函数
2015/12/13 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
2018/03/28 jQuery
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
使用Python生成XML的方法实例
2017/03/21 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
大专自我鉴定范文
2013/10/01 职场文书
仓库文员岗位职责
2014/04/06 职场文书
环卫工人节活动总结
2014/08/29 职场文书
信用卡工资证明格式
2014/09/13 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
绵山导游词
2015/02/05 职场文书
赞助商致辞
2015/07/30 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript