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的一种模块模式
Mar 22 Javascript
JavaScript 以对象为索引的关联数组
May 19 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
详解javascript实现自定义事件
Jan 19 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
使用canvas进行图像编辑的实例
Aug 29 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 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中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
php curl发送请求实例方法
2019/08/01 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
JS实现十分钟倒计时代码实例
2018/10/18 Javascript
vue axios post发送复杂对象问题
2019/06/04 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
python在linux中输出带颜色的文字的方法
2014/06/19 Python
Python管理Windows服务小脚本
2018/03/12 Python
Django框架模板介绍
2019/01/15 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
应届生护士求职信
2013/11/01 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
项目建议书格式
2014/03/12 职场文书
开学典礼主持词
2014/03/19 职场文书
明星员工获奖感言
2014/08/14 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL