JS基于for语句编写的九九乘法表示例


Posted in Javascript onJanuary 04, 2018

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考,具体如下:

js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;

先看运行效果:

JS基于for语句编写的九九乘法表示例

核心代码如下:

<script type="text/javascript">
 document.write('<table border="1" bgcolor="#ccc" width="80%" cellpadding="0" cellspacing="0">');
 for(var i=1;i<=9;i++){
 document.write('<tr>');
  for(var j=1;j<=i;j++){
  document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
  }
 document.write('</tr>');
 }
 document.write('</table>');
</script>

大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j;

当i=1时满足for循环的条件,执行循环语句,先输出一个<tr>(table标签里面的行属性),然后执行tr里面的另一个for循环;

令j=1,j<=i,此时的i=1,符合循环条件,执行循环语句,输出1*1=1;j++之后j的值就变成了2;我们再来看j<=i,就是2<=1是错误的,因此终止循环;

我们第一遍循环就输出了一行,行里面的内容是1*1=1;那我们在用i++令i=2执行循环,同样根据上面的来走循环;

知道i走到9再往下走到10不符合条件的时候,终止整个循环,我们就输出了一个原汁原味的九九乘法表;

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 利用className得到对象的实现代码
Nov 15 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
简单的js表单验证函数
Oct 28 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
JavaScript事件对象深入详解
Dec 30 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 #Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 #Javascript
JS实现简易换图时钟功能分析
Jan 04 #Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 #Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 #Javascript
vue-cli配置文件——config篇
Jan 04 #Javascript
jQuery封装animate.css的实例
Jan 04 #jQuery
You might like
PHP number_format() 函数定义和用法
2012/06/01 PHP
php随机抽奖实例分析
2015/03/04 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
PHP实现十进制数字与二十六进制字母串相互转换操作示例
2018/08/10 PHP
img的onload的另类用法
2008/01/10 Javascript
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
vue自定义一个v-model的实现代码
2018/06/21 Javascript
webuploader实现上传图片到服务器功能
2018/08/16 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
JS中多层次排序算法的实现代码
2021/01/06 Javascript
Python装饰器decorator用法实例
2014/11/10 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
python实现简单图片物体标注工具
2019/03/18 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
python小程序之4名牌手洗牌发牌问题解析
2020/05/15 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
python selenium xpath定位操作
2020/09/01 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
大学四年规划书范文
2013/12/27 职场文书
旅游网创业计划书
2014/01/31 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers
如何用PHP实现多线程编程
2021/05/26 PHP