JavaScript实现梯形乘法表的方法


Posted in Javascript onApril 25, 2015

本文实例讲述了JavaScript实现梯形乘法表的方法。分享给大家供大家参考。具体如下:

效果如下图所示:

JavaScript实现梯形乘法表的方法

表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行,然后内嵌一个for,在条件表达式中取第一个for循环的值然后进行输出表格运算,为什么要取第一个for循环,因为第一个for循环的次数是梯形排列的规则,梯形排列的规则是第一行一个格子,第二行二个格子,第三行三个格子,以此类推。

完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var str= "<table border=1 width=500 align=center>";
for(var a=1;a<=9;a++)
{  
  str +="<tr>";
  for(b=1;b<=a;b++)
  {
  str +="<td>"+a+"×"+b+"="+a*b+"</td>";
  }
  str +="</tr>";
}
str +="</table>"
document.write(str);
</script>
</head>
<body>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
Jul 19 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 #Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 #Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 #Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 #Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 #Javascript
node.js操作mongodb学习小结
Apr 25 #Javascript
JavaScript按值删除数组元素的方法
Apr 24 #Javascript
You might like
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】
2018/05/29 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
跟老齐学Python之for循环语句
2014/10/02 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
对Python3中的input函数详解
2018/04/22 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
python语言是免费还是收费的?
2020/06/15 Python
早餐连锁店计划书
2014/01/08 职场文书
致跳远运动员加油稿
2014/02/11 职场文书
法人授权委托书范本
2014/04/04 职场文书
优秀少先队员主要事迹材料
2014/05/28 职场文书
公司踏青活动方案
2014/08/16 职场文书
商场父亲节活动方案
2014/08/27 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
普通员工辞职信范文
2015/05/12 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL