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翻页效果
Jul 23 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
javascript 触发HTML元素绑定的函数
Sep 11 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
详解 微信小程序开发框架(MINA)
May 17 Javascript
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
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
javascript 节点排序 2
2011/01/31 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
JS Math对象与Math方法实例小结
2019/07/05 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
vue 实现走马灯效果
2019/10/28 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
Python中max函数用法实例分析
2015/07/17 Python
windows下python安装pip图文教程
2018/05/25 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
Python远程方法调用实现过程解析
2020/07/28 Python
python如何调用php文件中的函数详解
2020/12/29 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
统计员岗位职责
2013/11/14 职场文书
出国签证在职证明
2014/01/16 职场文书
教育技术学专业职业规划书
2014/03/03 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
学雷锋日活动总结
2015/02/06 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
小鞋子观后感
2015/06/05 职场文书
遗嘱范文
2015/08/07 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
python之json文件转xml文件案例讲解
2021/08/07 Python
MySql数据库触发器使用教程
2022/06/01 MySQL