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 相关文章推荐
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
Angularjs 与 bower安装和使用详解
May 11 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
使用javascript解析二维码的三种方式
Nov 11 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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
jquery 指南/入门基础
2007/11/30 Javascript
Jquery下attr和removeAttr的使用方法
2010/12/28 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
python实现计算资源图标crc值的方法
2014/10/05 Python
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
python实现超市商品销售管理系统
2019/11/22 Python
解决python 读取 log日志的编码问题
2019/12/24 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
项目经理聘任书
2014/03/29 职场文书
慈善晚会策划方案
2014/05/14 职场文书
幼儿园感谢信
2015/01/21 职场文书
送给客户微信问候语!
2019/07/04 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS