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两种跨域技术全面介绍
Apr 16 Javascript
jQuery filter函数使用方法
May 19 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
原生js实现中奖信息无间隙滚动效果
Jan 18 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 Javascript
vue实现购物车案例
May 30 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/01 无线电
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
PHP 上传文件大小限制
2009/07/05 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
php权重计算方法代码分享
2014/01/09 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
用 JavaScript 迁移目录
2006/12/18 Javascript
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
几种响应式文字详解
2017/05/19 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
vue router demo详解
2017/10/13 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
介绍Python中的__future__模块
2015/04/27 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
数控技术专业推荐信
2013/11/01 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
中层竞聘演讲稿
2014/01/09 职场文书
有创意的广告词
2014/03/18 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2014年医生工作总结
2014/11/21 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python