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 相关文章推荐
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
javascript入门教程基础篇
Nov 16 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
js自定义QQ菜单效果
Jan 10 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
layui表格实现代码
May 20 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
在vue项目中使用sass的配置方法
Mar 20 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
javascript设计模式之装饰者模式
Jan 30 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/10/08 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
json 定义
2008/06/10 Javascript
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
jQuery表单校验插件validator使用方法详解
2020/02/18 jQuery
[02:43]DOTA2英雄基础教程 半人马战行者
2014/01/13 DOTA
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
matplotlib中legend位置调整解析
2017/12/19 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
Django CBV类的用法详解
2019/07/26 Python
jupyter notebook 使用过程中python莫名崩溃的原因及解决方式
2020/04/10 Python
美国领先的商务贺卡出版商:The Gallery Collection
2018/02/13 全球购物
MySQL面试题目集锦
2016/04/14 面试题
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
勤俭节约主题班会
2015/08/13 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
导游词之西安骊山
2019/12/20 职场文书
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript
redis protocol通信协议及使用详解
2022/07/15 Redis