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 相关文章推荐
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
vue实现文件上传功能
Aug 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生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
js淡入淡出的图片轮播效果代码分享
2015/08/24 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
2017/05/04 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
2018/05/17 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
2020/11/11 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
python+selenium实现自动化百度搜索关键词
2019/06/03 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
污水处理保证书
2015/05/09 职场文书
学校德育工作总结2015
2015/05/11 职场文书
Linux中各个目录的作用与内容
2022/06/28 Servers