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 ui对话框实例代码
May 10 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
layer 刷新某个页面的实现方法
Sep 05 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 Javascript
js实现移动端图片滑块验证功能
Sep 29 Javascript
AJAX实现省市县三级联动效果
Oct 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与SQL注入攻击[三]
2007/04/17 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
ucenter通信原理分析
2015/01/09 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
收集的10个免费的jQuery相册
2011/02/26 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
layui文件上传实现代码
2017/05/20 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
品质主管岗位职责
2014/03/16 职场文书
人事专员岗位职责
2015/02/03 职场文书
教师培训简讯
2015/07/20 职场文书
中学政教处工作总结
2015/08/13 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis