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父窗口控制只弹出一个子窗口
Apr 10 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
JS百度地图搜索悬浮窗功能
Jan 12 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
微信小程序支付前端源码
Aug 29 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
node.js使用express-fileupload中间件实现文件上传
Jul 16 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生成压缩文件实例
2015/02/07 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
python 对象和json互相转换方法
2018/03/22 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
Tensorflow与Keras自适应使用显存方式
2020/06/22 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
C语言面试题
2015/10/30 面试题
linux面试题参考答案(3)
2012/09/13 面试题
给学校的建议书
2014/03/12 职场文书
中式婚礼主持词
2014/03/13 职场文书
战友聚会策划方案
2014/06/13 职场文书
校庆标语集锦
2014/06/25 职场文书
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis
Windows7下FTP搭建图文教程
2022/08/05 Servers