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调用XML制作连动下拉列表框
Jun 25 Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
JavaScript中的闭包
Feb 24 Javascript
node.js 动态执行脚本
Jun 02 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
Angular6新特性之Angular Material
Dec 28 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 cookie的操作实现代码(登录)
2010/12/29 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
web前端开发也需要日志
2010/12/09 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
Python random模块用法解析及简单示例
2017/12/18 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
Django时区详解
2019/07/24 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
python 实现生成均匀分布的点
2019/12/05 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
Python list和str互转的实现示例
2020/11/16 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
一款利用html5和css3实现的3D滚动特效的教程
2015/01/04 HTML / CSS
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
如何找出EMP表里面SALARY第N高的employee
2013/12/05 面试题
金融专业毕业生推荐信
2013/11/26 职场文书
小学开学寄语
2014/01/19 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
谢师宴答谢词
2015/01/05 职场文书
高中物理教学反思
2016/02/19 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL