在学习JavaScript(以下简称为js)过程中，会遇到输出9*9乘法表的问题，我们都知道利用双重for循环可以很简单的在网页中打印出来，可是你在做的过程中有没有想着给这个乘法表加一点花样呢？

下面我们来说一下给乘法表加上边框（虽然我知道我加上的并不好看！！）

话不多说，直接上代码。具体代码在这

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<!--输出99乘法表 !-->

<script language="JavaScript">

    document.write("<table border='1'>");

    for(var i=1;i<=9;i++){

        document.write("<tr>");

        for(var j=i;j<=9;j++){

            document.write("<td>"+i+"x"+j+"="+i*j+"</td>");

        }

        document.write('</tr>');

    }

    document.write("</table>");

    </script>

</body>

</html>

个人的感悟：

我认为这段代码并不是多么的有科技含量,但是他对刚刚接触js的同学还是会有很大的帮助，帮助你理解好for循环，循环的嵌套这些知识点；同时也对之前的html代码进行了使用，希望大家不要学着新的忘了旧的，要争取做到：“温故而知新”！

代码的理解：

这段代码注释几乎没有，是因为我感觉太简单容易理解了，，哈哈哈。言归正传，首先使用双重循环输出9*9乘法表是第一步的操作，之后利用html的table标签，tr和td标签把输出的内容表格化，真的真的不难理解。有什么不懂得欢迎私信我，我们一起探讨学习！

使用JavaScript输出带有边框的乘法表的更多相关文章

  1. Lua习题练习（9*9乘法表，输出所指定的图像，斐波那契数列）

    1. (循环语句的嵌套使用)有 1,2,3,4四个数字,能组成多少个互不相同且无重复数字的 三位数,并输出在屏幕上面2. 计算斐波那携数列的前20个数字,并输出在屏幕上面 .指的是这样一个数列(1,1 ...

  2. 用Python实现九九乘法表

    1.用“#”组成的矩形的实现 代码 eight = int(input("Height:")) #用户输入高度 width = int(input("Width:&quo ...

  3. python3 第八章 - 完善九九乘法表

    前面我们在第四章的时候挖了个坑:怎么用优雅的方式来打印九九乘法表.这一章我们就来填上这个坑. 首先,我们再来看下九九乘法表是什么样子的 1 x 1 = 1 1 x 2 = 2 2 x 2 = 4 1 ...

  4. 7-2 jmu-python-九九乘法表（矩形） (10 分)

    本题目要求输出如下图所示的九九乘法表 注:乘积要求做格式控制,占4个位置的宽度 输入样例: 无 输出样例: 1*1=1 1*2=2 1*3=3 1*4=4 1*5=5 1*6=6 1*7=7 1*8= ...

  5. 输出九九乘法表（Python、Java、C、C++、JavaScript）

    最近在学python的过程中,接触到了循环的知识,以及这个案例,于是写了下!感觉还不错,然后就用其它几种语言也试了下!! 接下来,就跟大家分享下实现方法!! 实现输出九九乘法表,主要用到的是循环的知识 ...

  6. 使用 JavaScript 用循环嵌套输出乘法表。外循环控制行数，内循环控制当前行要输出的乘法表达式，在页面上输出九九乘法表

    查看本章节 查看作业目录 需求说明: 在页面上输出九九乘法表,实现效果如图所示 实现思路: 创建HTML页面 在页面中嵌入 <script type="text/javascript& ...

  7. javascript实现九九乘法表

    CSS代码部分: <style type="text/css"> table { width: 800px; height: 300px; border-collaps ...

  8. JavaScript——99乘法表

    <!DOCTYPE html> <html> <head> <title>99乘法表</title> <style type=&quo ...

  9. 9x9乘法表输出[Java]

    笔试,9x9乘法表输出的问题,看似简单,回来把当时写的结果输入一遍后发现,并没有想象中的“完美”.把改写的pos在此,警示...不要忘记任何细节. public class NXN { public ...

随机推荐

  1. 学习响应式编程 Reactor (4) - reactor 转换类操作符（1）

    Reactor 操作符 数据在响应式流中的处理,就像流过一条装配流水线.Reactor 既是传送带,又是一个个的装配工或机器人.原材料从源头(最初的 Publisher )流出,经过一个个的装配线中装 ...

  2. 你知道这高效的12个Java精品库嘛？

    01. JUnit 第一个要说的当然是JUnit了,JUnit毕竟是Java圈目前最知名及常用的测试框架.JUnit之所以能够成为Java圈中最热门的测试库,是因为对于很多项目而言,单元测试是非常重要 ...

  3. VueX理解

    什么是Vuex? 官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 个人理解:Vue ...

  4. 5.1 万 Star！不用 root 就能连接控制安卓的开源工具

    [导语]:一款在 PC 端控制安卓设备的小工具.可在 PC 和安卓设备间互通剪贴板.用电脑键盘打字.传输文件.安装程序.截图.录屏等等功能. 简介 scrcpy 可以显示并控制通过 USB (或 TC ...

  5. Zoho Books十年发展历程

    十年前,我们推出Zoho Books的时候,是为了全面解决企业面临的财务和会计方面的挑战.我们逐渐地从一开始的易用的中小企业在线会计工具,发展成为现在的解决企业复杂的财务挑战的解决方案,其中经历了很多 ...

  6. Linux：阿里云设置安全组开放对应端口过程

    手动添加后 保存就可以了.

  7. 在 Docker 上配置 Oracle

    地址:https://github.com/wnameless/docker-oracle-xe-11g .直接 git clone 到本地就行了 ##安装 docker shell 下: docke ...

  8. 微信app支付，完整流程，完整代码 （转）

    微信app支付流程 需要的配置参数 private function wechat($body,$indent_id,$cou,$user_id,$total_fee,$ip,$domain,$non ...

  9. 2020 DJBCTF RE wp

    1.anniu 吐槽:浓浓一股杂项的味道,妈的,用xspy和resource har加ida死活搜不到回调函数,淦 下一个灰色按钮克星,直接把灰色的按钮点亮,直接点击就可以出了,软件下载链接:http ...

  10. WAF集成：Acunetix和FortiWeb

    Acunetix API使您有机会自动化任务以提高效率,尤其是在您可以加速与工作流其他组件的集成功能时.在此示例中,我们将在上一篇文章的基础上,向您展示如何在Bash脚本中使用Acunetix API ...