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 特殊字符串
Feb 25 Javascript
js下用gb2312编码解码实现方法
Dec 31 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
详解ES6中的三种异步解决方案
Jun 28 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
element实现合并单元格通用方法
Nov 13 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
FCKeditor的安装(PHP)
2007/01/13 PHP
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
PHP面向对象精要总结
2014/11/07 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
ThinkPHP路由详解
2015/07/27 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
js轮播图代码分享
2016/07/14 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
Angular网络请求的封装方法
2018/05/22 Javascript
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
利用python对mysql表做全局模糊搜索并分页实例
2020/07/12 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
Python编程编写完善的命令行工具
2021/09/15 Python