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中实现标签切换效果的代码
Mar 01 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
javascript连续赋值问题
Jul 08 Javascript
JavaScript Split()方法
Dec 18 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
jquery判断页面网址是否有效的两种方法
Dec 11 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
微信小程序实现animation动画
Jan 26 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 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
5.PHP的其他功能
2006/10/09 PHP
详解:――如何将图片储存在数据库里
2006/12/05 PHP
介绍一些PHP判断变量的函数
2012/04/24 PHP
简单的方法让你的后台登录更加安全(php中加session验证)
2012/08/22 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
javascript function、指针及内置对象
2009/02/19 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
Python实现学校管理系统
2018/01/11 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
python打包多类型文件的操作方法
2020/09/21 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
自我评价的范文
2014/02/02 职场文书
记账会计岗位职责
2014/06/16 职场文书
公司户外活动总结
2014/07/04 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python