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下弹出窗口的变通
Apr 18 Javascript
javascript this用法小结
Dec 19 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
JS &amp; JQuery 动态添加 select option
Jun 08 Javascript
基于JavaScript实现添加到购物车效果附源码下载
Aug 22 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 Javascript
vue内置指令详解
Apr 03 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 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
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
php数组使用规则分析
2015/02/27 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
关闭ie窗口清除Session的解决方法
2014/01/10 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
react-redux中connect()方法详细解析
2017/05/27 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
javascript中的数据类型检测方法详解
2019/08/07 Javascript
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
Python创建日历实例
2014/08/21 Python
Python中的集合类型知识讲解
2015/08/19 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
售后客服工作职责
2014/06/16 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python