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 document.createDocumentFragment()
Apr 04 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
JS中Object对象的原型概念基础
Jan 29 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 Javascript
理解JavaScript中的对象
Aug 25 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
php获取文件内容最后一行示例
2014/01/09 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
写的htc的数据表格
2007/01/20 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python网络爬虫实例讲解
2016/04/28 Python
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
python argparser的具体使用
2019/11/10 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
设计部经理的岗位职责
2013/11/16 职场文书
银行求职信怎么写
2014/05/26 职场文书
2014年保密工作总结
2014/11/22 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
Android Rxjava3 使用场景详解
2022/04/07 Java/Android