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复制粘贴与clipboardData的使用
Oct 16 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
jQuery轮播图实例详解
Aug 15 jQuery
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
Vue数据绑定实例写法
Aug 06 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 Javascript
实现AJAX异步调用和局部刷新的基本步骤
Mar 17 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 正则表达式小结
2009/08/31 PHP
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
php面向对象全攻略 (十五) 多态的应用
2009/09/30 PHP
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
php定界符
2014/06/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
使用Python神器对付12306变态验证码
2016/01/05 Python
Python3中列表list合并的四种方法
2019/04/19 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
python实现飞机大战小游戏
2019/11/08 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
有机童装:Toby Tiger
2018/05/23 全球购物
全球工业:Global Industrial
2020/02/01 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
口腔医学技术应届生求职信
2013/11/09 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
团支部推优材料
2014/05/21 职场文书
先进个人自荐书
2015/03/06 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书