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知识点收藏
Feb 22 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
Aug 09 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
Sep 30 Javascript
vue兄弟组件传递数据的实例
Sep 06 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教程孙仲岳主讲
2008/01/07 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
php简单日历函数
2015/10/28 PHP
微信自定义分享php代码分析
2016/11/24 PHP
php session_decode函数用法讲解
2019/05/26 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
iis6+javascript Add an Extension File
2007/06/13 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
2013/06/17 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
AngularJS表单和输入验证实例
2016/11/02 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
Python常见文件操作的函数示例代码
2011/11/15 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
python Opencv将图片转为字符画
2021/02/19 Python
Python 类的特殊成员解析
2018/06/20 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
出纳工作检讨书
2014/10/18 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书
新教师个人总结
2015/02/06 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
MySQL中order by的执行过程
2022/06/05 MySQL