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 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
读jQuery之二(两种扩展)
Jun 11 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
Sep 19 Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
JavaScript动态添加style节点的方法
Jun 09 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 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
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
js中实现多态采用和继承类似的方法
2014/08/22 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
2017/08/25 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
在Python中使用cookielib和urllib2配合PyQuery抓取网页信息
2015/04/25 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python 异步async库的使用说明
2020/05/04 Python
汉森批发:Hansen Wholesale
2018/05/24 全球购物
酒店执行总经理岗位职责
2013/12/15 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
聊城大学毕业生自荐书
2014/02/01 职场文书
中国梦口号
2014/06/13 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
销售2014年度工作总结
2014/12/08 职场文书
logback 实现给变量指定默认值
2021/08/30 Java/Android
AngularJS实现多级下拉框
2022/03/25 Javascript