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实现给图片加链接
Aug 15 Javascript
JS 面向对象的5钟写法
Jul 31 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
vue自定义树状结构图的实现方法
Oct 18 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
星际争霸兵种名称对照表
2020/03/04 星际争霸
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
javascript getElementsByClassName函数
2010/04/01 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
JS简单实现仿百度控制台输出信息效果
2016/09/04 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
2017/01/23 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
Python抽象类的新写法
2015/06/18 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
python读写文件write和flush的实现方式
2020/02/21 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
会计主管岗位职责
2014/01/03 职场文书
文明工地标语
2014/06/16 职场文书
党校学习心得体会范文
2014/09/09 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
本科毕业论文答辩稿
2015/06/23 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书