当前位置： 首页 > news >正文

使页面具有动态效果的网站建设技术是保定网站建设方案优化

news 2025/9/12 18:50:45
使页面具有动态效果的网站建设技术是,保定网站建设方案优化,最好免费高清视频下载,漯河城乡建设管理局网站【案例2-9】打印九九乘法表 一、案例描述 考核知识点 for双重循环 练习目标 掌握for循环应用。实现九九乘法表。 需求分析 九九乘法表相信大家一点也不陌生，之前见到的乘法表是印刷在课程本之上的。而在本案例中我们将用JavaScript代码来实现九九乘法表。 案例分…

【案例2-9】打印九九乘法表

一、案例描述

  1. 考核知识点

for双重循环

  1. 练习目标
  • 掌握for循环应用。
  • 实现九九乘法表。
  1. 需求分析

九九乘法表相信大家一点也不陌生，之前见到的乘法表是印刷在课程本之上的。而在本案例中我们将用JavaScript代码来实现九九乘法表。

  1. 案例分析
  1. 效果如图2-15所示。

  1. 九九乘法表
  1. 具体实现步骤如下：
  1. for外层循环行数i。
  2. for里层循环列数j。
  3. 把i *j =sum用字符串拼接起来，用document.write()在文档中输出。

二、案例实现

根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>打印九九乘法表</title>
  6. </head>
  7. <body>
  8.     <script type="text/javascript">
  9.         // 第一种方式：
  10.         /*
  11.         var i , j;     // i 为行数，j 为列数
  12.         for(i = 1;i <= 9;i ++){  
  13.          document.write("<br>");  // 每一行打印完后换行
  14.             for(j = 1;j <= i;j ++){
  15.                 sum = i * j;
  16.                 document.write(i ,"*",j ,"=",sum,'&nbsp;&nbsp;&nbsp;&nbsp;'); // 打印出i*j=sum
  17.             }
  18.         }
  19.         */
  20.         // 第二种方式：
  21.         /*
  22.         var str = '<table>';
  23.         for(var i = 1;i <= 9; ++i){
  24.          str += '<tr>';
  25.          for(var j = 1;j <= i; ++j ){
  26.              str += '<td>'+ i +'*'+ j+ '='+(i*j) +'</td>';
  27.          }
  28.          str +='</tr>'
  29.         }
  30.         str += '</table>';
  31.         document.write(str);
  32.         */
  33.         // 第三种方式：
  34.         /**/
  35.           function cfb(){
  36.             var str = "<table>";
  37.              for(var i = 1;i <= 9;i ++){
  38.                  str += "<tr>";
  39.                  for(var j = 1;j <= i;j ++){
  40.                      str += "<td>" + i + "*" + j + "=" + (i * j) + "</td>";
  41.                  }
  42.                  str += "</td>";
  43.              }
  44.              str += "</table>";
  45.              document.write(str);
  46.         }  
  47.         cfb();
  48.     </script>
  49. </body>
  50. </html>

 

http://www.15wanjia.com/news/156201.html

相关文章：

  • seo推广网站有哪wordpress keyword
  • 网站建设 搜狐号html素材免费下载
  • 做科学实验的网站营销推广模式有哪些
  • 做网站 上海网站设计基本流程第一步
  • 国外网页网站设计徐州网站制作方法
  • 专注高密网站建设网站后期维护协议
  • 教人做饮料的网站帮人做网站要怎么赚钱
  • 西安谁家做网站株洲广告公司找v信hyhyk1做推广好
  • 114做网站淄博网站建设设计
  • 广州网站建设实力乐云seo怎么百度做网站
  • 鲁山网站建设兼职wordpress 关闭摘要
  • 网站模版参考山东环保行业网站开发
  • 江西网站设计欣赏做网站改变图片位置
  • 教育机构网站模板wordpress 优惠券插件
  • 桐城做淘宝店铺网站公司高端产业园开发
  • 社区网站建设费用手机app前端开发工具
  • 缺乏门户网站建设百度推广河南总部
  • 甜品制作网站深圳网站建设 套餐
  • 网站建设标准流程营销策划方案100例
  • 文化馆互联网站建设方案html5手机网站模板 下载
  • dedecms 网站模板成都网站网站建设
  • 自己做坑人网站的软件地产官网怎么做
  • 关于内网站建设的请示wordpress产品菜单
  • 做网站美工要学什么软件网站网址大全
  • 怎样进入当地建设局网站最新腾讯新闻
  • 网站seo应用微信公众平台如何绑定网站
  • 网站含中国的备案建网站要去备案
  • 手机版网站有必要吗wordpress网站文件管理
  • 移动网站开发技术有哪些公司logo设计费用一般多少钱
  • 可以做视频网站的源码优易官方网站