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 相关文章推荐
javascript:history.go()和History.back()的区别及应用
Nov 25 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
Jun 29 Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
js实现div在页面拖动效果
May 04 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
Vue中 key keep-alive的实现原理
Sep 18 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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
php下统计用户在线时间的一种尝试
2010/08/26 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
php判断GIF图片是否为动画的方法
2020/09/04 PHP
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
JavaScript Date对象使用总结
2009/05/14 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
jQuery检测返回值的数据类型
2015/07/13 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
如何通过JS实现转码与解码
2020/02/21 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
python发送HTTP请求的方法小结
2015/07/08 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python实现决策树、随机森林的简单原理
2018/03/26 Python
Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)
2020/07/03 Python
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
城市轨道专业个人求职信范文
2013/09/23 职场文书
网站开发实习生的自我评价
2013/12/11 职场文书
公司周年庆典邀请函
2014/01/12 职场文书
简短大学毕业感言
2014/01/18 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
mysql中between的边界,范围说明
2021/06/08 MySQL
利用python做数据拟合详情
2021/11/17 Python