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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
Apr 14 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
vue中实现动态生成二维码的方法
Feb 21 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 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/04 冲泡冲煮
一个简单的自动发送邮件系统(三)
2006/10/09 PHP
php 显示指定路径下的图片
2009/10/29 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP汉字转换拼音的函数代码
2015/12/30 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
python中实现定制类的特殊方法总结
2014/09/28 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
详解python中的index函数用法
2019/08/06 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
机械电子工程专业推荐信范文
2013/11/20 职场文书
学校安全管理责任书
2014/07/23 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python