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获取客户端外网ip的简单实例
Nov 21 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
JavaScript实现多文件下载方法解析
Aug 07 Javascript
vue实现打地鼠小游戏
Aug 21 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执行速度全攻略
2006/10/09 PHP
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
php微信开发接入
2016/08/27 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
extJs 下拉框联动实现代码
2010/04/09 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
jquery 使用简明教程
2014/03/05 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
python shell根据ip获取主机名代码示例
2017/11/25 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
flask开启多线程的具体方法
2020/08/02 Python
Python list和str互转的实现示例
2020/11/16 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
为什么group by 和order by会使查询变慢
2014/05/16 面试题
机械设计及其自动化求职推荐信
2014/02/17 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
个人创业事迹材料
2014/12/30 职场文书
辞职信怎么写?
2019/05/21 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
基于Python实现一个春节倒计时脚本
2022/01/22 Python