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代码
May 27 Javascript
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
javascript对中文按照拼音排序代码
Aug 20 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 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
15个小时----从修改程序到自己些程序
2006/10/09 PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
PHP捕获Fatal error错误的方法
2014/06/11 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
jQuery插件扩展操作入门示例
2017/01/16 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
tensorflow 查看梯度方式
2020/02/04 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
pandas DataFrame 数据选取,修改,切片的实现
2020/04/24 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
科级干部考察材料
2014/02/15 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
幼儿园安全责任书
2014/04/14 职场文书
质量承诺书怎么写
2014/05/24 职场文书
汽车广告策划方案
2014/05/31 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android