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 模式设计之工厂模式详细说明
May 10 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
May 15 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
javascript简单实现类似QQ头像弹出效果的方法
Aug 03 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
Aug 12 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
easyui的tabs update正确用法分享
2014/03/21 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
新手入门常用代码集锦
2007/01/11 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
2015/11/30 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
React组件refs的使用详解
2018/02/09 Javascript
详解vue文件中使用echarts.js的两种方式
2018/10/18 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
layui table单元格事件修改值的方法
2019/09/24 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
Python实现把数字转换成中文
2015/06/29 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
详解如何修改python中字典的键和值
2020/09/29 Python
Pycharm自动添加文件头注释和函数注释参数的方法
2020/10/23 Python
品恩科技软件测试面试题
2014/10/26 面试题
EJB发布WEB服务一般步骤
2012/10/31 面试题
大学生怎样进行自我评价
2013/12/07 职场文书
党员违纪检讨书
2014/02/18 职场文书
信仰心得体会
2014/09/05 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
教育读书笔记
2015/07/02 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
python playwright 自动等待和断言详解
2021/11/27 Python