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入门教程(10) 认识其他对象
Jan 31 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
js时间日期和毫秒的相互转换
Feb 22 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 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 面向对象的一个例子
2011/04/12 PHP
探讨如何把session存入数据库
2013/06/07 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
Prototype使用指南之selector.js说明
2008/10/26 Javascript
JsDom 编程小结
2011/08/09 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
JavaScript订单操作小程序完整版
2017/06/23 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
使用Python更换外网IP的方法
2018/07/09 Python
python 格式化输出百分号的方法
2019/01/20 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
Java面试题及答案
2012/09/08 面试题
学习十八大精神心得体会
2013/12/31 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
运动会3000米加油稿
2015/07/21 职场文书
图书借阅制度范本
2015/08/06 职场文书
清明扫墓感想
2015/08/11 职场文书
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript