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 相关文章推荐
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
javascript 代码是如何被压缩的示例代码
May 06 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
vue实现登录功能
Dec 31 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
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
Prototype Number对象 学习
2009/07/19 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
js实现图片无缝循环轮播
2019/10/28 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
安踏官方商城:anta.cn
2019/12/16 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
接受捐赠答谢词
2014/01/27 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
保险公司晨会主持词
2014/03/22 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
交通安全责任书范本
2014/07/24 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
复兴之路展览观后感
2015/06/02 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis