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验证表单大全
Nov 25 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
JavaScript Promise启示录
Aug 12 Javascript
AngularJS 使用$sce控制代码安全检查
Jan 05 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
Vue组件简易模拟实现购物车
Dec 21 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
php将会员数据导入到ucenter的代码
2010/07/18 PHP
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
2016/06/01 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
puppeteer库入门初探
2019/01/09 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
十条建议帮你提高Python编程效率
2016/02/16 Python
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
Python流程控制 if else实现解析
2019/09/02 Python
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
质检部职责
2013/12/28 职场文书
校园文化建设方案
2014/02/03 职场文书
元旦活动感言
2014/03/08 职场文书
国贸专业求职信
2014/06/28 职场文书
三孔导游词
2015/02/05 职场文书
高中体育课教学反思
2016/02/16 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书