这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 实现梯形乘法表的方法, 涉及基本 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0423/271632.html