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高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
Jquery带搜索框的下拉菜单
May 06 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
Oct 08 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
简单使用webpack打包文件的实现
Oct 29 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 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多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
jQuery 工具函数学习资料
2010/04/29 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
如何更好的编写js async函数
2018/05/13 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
小程序实现可拖动的悬浮按钮
2020/09/07 Javascript
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
python学习数据结构实例代码
2015/05/11 Python
Django小白教程之Django用户注册与登录
2016/04/22 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python实现图像检索的三种(直方图/OpenCV/哈希法)
2019/08/08 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
keras自定义损失函数并且模型加载的写法介绍
2020/06/15 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
英国名牌男装店:Standout
2021/02/17 全球购物
校长寄语大全
2014/04/09 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书