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 相关文章推荐
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
jquery实现图片切换代码
Oct 13 Javascript
js中string和number类型互转换技巧(分享)
Nov 28 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
vue.js路由跳转详解
Aug 28 Javascript
vue组件父子间通信之综合练习(聊天室)
Nov 07 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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实现与ASP Banner组件相似的类
2006/10/09 PHP
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php木马webshell扫描器代码
2012/01/25 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
js验证表单大全
2006/11/25 Javascript
filemanage功能中用到的lib.js
2007/04/08 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
微信小程序的生命周期的详解
2017/10/19 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
js module大战
2019/04/19 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
python os.fork() 循环输出方法
2019/08/08 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
个人找工作自荐信格式
2013/09/21 职场文书
教你打造完美的创业计划书
2014/01/06 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
环境整治工作方案
2014/05/18 职场文书
班级心理活动总结
2014/07/04 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
医学会议开幕词
2016/03/03 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP