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读取xml
Nov 04 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
心扬JS分页函数代码
Sep 10 Javascript
javascript实现画不相交的圆
Apr 07 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
js编写三级联动简单案例
Dec 21 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
vue swipe自定义组件实现轮播效果
Jul 03 Javascript
基于openlayers实现角度测量功能
Sep 28 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解答方法
2012/02/04 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP微信开发之微信录音临时转永久存储
2018/01/26 PHP
JS 数字转换研究总结
2013/12/26 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
Angular利用trackBy提升性能的方法
2018/01/26 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python单链表实现代码实例
2013/11/21 Python
利用python发送和接收邮件
2016/09/27 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
python生成lmdb格式的文件实例
2018/11/08 Python
python实现弹窗祝福效果
2019/04/07 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
为什么称python为胶水语言
2020/06/16 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
应用化学专业本科生求职信
2013/09/29 职场文书
文明学生事迹材料
2014/01/29 职场文书
我的小天地教学反思
2014/04/30 职场文书
生日答谢词
2015/01/05 职场文书
公司员工辞职信范文
2015/05/12 职场文书
简爱读书笔记
2015/06/26 职场文书
联村联户简报
2015/07/21 职场文书