for循环的实例

1.九九乘法表：

　　 1*1  1*2  1*3
        1*2  2*2  2*3
        1*3  2*3  3*3
        1*4  2*4  4*3
        ...  ...  ...

for(var i=1;i<10;i++)         //乘数和被乘数均是从小到大循环，所以需要两个for循环的迭代

        {

            for(var j=i;j<10;j++)   //当乘数与被乘数相等时执行的循环

            {
 

               var n = i*j;          //定义乘积
                if(i!=j)             //条件判断
                {
                    document.write(i+"*"+j+"="+n);    //document.write() 语法为在网页显示()中的内容

                }
                else if(j==i)                         //条件判断
                {
                    document.write("<br>"+i+"*"+j+"="+n);
                }

            }

        }

 输出结果为：

看着有点乱， 再稍微整理一下，加上布局：

原代码： 

    <style type="text/css">

        div                    //div 样式,属性

        {

        width:100px;

        height:30px;

        border:1px solid #3F0;

        text-align:center;

        line-height:30px;       //行高

        display:inline-block;    //单个单词认识，连起来我也不知道是啥

        }

    </style>

<body>

</body>

     <script type="text/javascript">

        for(var i=1;i<10;i++)

        {

            for(var j=i;j<10;j++)

            {

                var n = i*j;

                if(i!=j)

                {

                    document.write("<div>"+i+"*"+j+"="+n+"</div>");    //嵌入div

                }

                else if(j==i)

                {

                    document.write("<br>"+"<div>"+i+"*"+j+"="+n+"</div>"); //<br>是换行标记

                }

            }

        }

     </script>

改过之后的输出结果为：

比第一次做的好看多了，可能是自己太笨，就这个东西做了一天，还是在小王老师的提示之下。

感谢一下王老师的指导！

总结：Java之路之修远兮，我还得慢慢琢磨。万事有易与难兮，得其理才不被其所困。

JS-语句五的更多相关文章

  1. JavaScript 基础(一) - JavaScript的引入方式，JavaScript 变量命名规则，JS 的五种基本数据类型，ECMAScript 算数运算符，逻辑运算符

    JavaScript的引入方式 直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  2. 关于js语句的分号

    我在使用js的时候可能发现一个现象:js语句结尾有时候有分号,有时候没有,没有的时候js代码也是能正确执行的. 到底要不要写分号?QAQ 转自博客园@winter-cn JavaScript自动加分号 ...

  3. HTML5+JS 《五子飞》游戏实现（一）规则

    很久没写文章了,这个游戏其实已经写了有段时间了,一直没有完善,赶在新年之际,分享给大家. 该<五子飞>游戏,不是平常大家所说的<五子棋>,这个玩法简单,是我们老家儿时常玩的一种 ...

  4. HTML5+JS 《五子飞》游戏实现（八）人机对战

    要想实现人机对战,就必须让电脑自动下棋,而且要知道自动去查找对方的棋子,看看有没有可以挑一对的,有没有可以夹一个的,这样下起来才有意思. 当电脑用户下完棋后,电脑应立即搜索用户的棋子,然后如果没有被吃 ...

  5. HTML5+JS 《五子飞》游戏实现（七）游戏试玩

    前面第一至第六章我们已经把<五子飞>游戏的基本工作都已经讲得差不多了,这一章主要是把所有的代码分享给大家,然后小伙伴们也可以玩一玩. 至于人机对战的我们放到后面讲进行分析. 试玩地址:ht ...

  6. HTML5+JS 《五子飞》游戏实现（六）鼠标响应与多重选择

    上一章我们提到了如果有多条线上的棋子可以被吃掉,那么游戏需要提示用户,让用户选择吃哪条线上的.另外因为是网页游戏,所以一定要实现鼠标单击棋子可以进行操作. 当鼠标移动棋子上面后,切换鼠标指针为手形,移 ...

  7. HTML5+JS 《五子飞》游戏实现（五）移动棋子

    上一章 我们知道了怎么处理两个重要的吃棋动作,想要吃对方的棋子,首先得移动自己的棋子.现在里沃特跟大家分享分享,怎么移动棋子. 想要移动棋子,在页面上,首先要点击一下要移动的棋子,然后再点击一下目标位 ...

  8. HTML5+JS 《五子飞》游戏实现（四）夹一个和挑一对

    在第一章我们已经说了怎么才能“夹一个”以及怎样才能挑一对,但那毕竟只是书面上的,对码农来讲,我们还是用代码讲解起来会更容易了解. 为了更容易对照分析,我们先把路线再次贴出来: // 可走的路线 thi ...

  9. HTML5+JS 《五子飞》游戏实现（三）页面和棋盘棋子

    前面两节,我们已经对<五子飞>有个初步的认识,对走棋路线也有了基本的了解,现在里沃特继续跟大家分享HTML页面,另外把棋盘棋子也画出来. 演示地址:http://www.lyout.com ...

  10. 通过JS语句判断WEB网站的访问端是电脑还是手机

    通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面! 目录腾讯网的适配代码如何判断访问网站的机器类型-如何判断ipadJS 判断浏览器客户端类型(ipad,iphone,android ...

随机推荐

  1. Linux-10Year

    主流Linux发行版近10年排行曲线 10个主流的发行版概述(distrowatch挑选) 搜索特定的发行 选择建议     初级用户选择:开箱即用     中级用户组装:适合你自己的系统     高 ...

  2. 使用python将请求的requests headers参数格式化方法

    import json # 使用三引号将浏览器复制出来的requests headers参数赋值给一个变量 headers = """ Host: zhan.qq.com ...

  3. 032.SAP上用户无法打开PPE模块，查看并开通用户的PPE权限

    01. 用户使用PPE模块之后,提示没有为iPPE工作台分配一个用户参数,如图所示: 02. 如果是管理员账号,则可以点击右下角的问号,来到下面界面 03.点击iPPE 用户分配者几个蓝色的字,进入下 ...

  4. java 如何爬取百度百科词条内容(java如何使用webmagic爬取百度词条)

    这是老师所布置的作业 说一下我这里的爬去并非能把百度词条上的内容一字不漏的取下来(而是它分享链接的一个主要内容概括...)(他的主要内容我爬不到 也不想去研究大家有好办法可以call me) 例如 互 ...

  5. Django（十）模型：django模型类对数据库的：增/删/改/查、自关联、管理器、元选项（指定表名）

    一.插入.更新和删除 调用一个模型类对象的save方法的时候就可以实现对模型类对应数据表的插入和更新. 调用一个模型类对象的delete方法的时候就可以实现对模型类对应数据表数据的删除. 二.自关联 ...

  6. POJ 2829 Buy Tickets

    Buy Tickets Time Limit: 4000MS   Memory Limit: 65536K Total Submissions: 26443   Accepted: 12639 Des ...

  7. POJ 1905：Expanding Rods 求函数的二分

    Expanding Rods Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 13780   Accepted: 3563 D ...

  8. 一百一十一、SAP的OO-ALV之五，显示ALV表格

    一.在屏幕里面有2部分,(PROCESS BEFORE OUTPUT 用于显示, PROCESS AFTER INPUT用于数据处理).我们创建的display_alv函数, 二.display_al ...

  9. Tunning spark

    Data Serialization 对spark程序来说,可能会产生的瓶颈包括:cpu,网络带宽,内存 在任何分布式应用中数据序列化都非常重要,数据序列化带来的作用是什么?第一减少内存占用,第二减小 ...

  10. HDU - 5898 odd-even number （数位dp）

    题意:求一个区间内,满足连续的奇数长度是偶数,连续的偶数长度是奇数的数的个数. #include<cstdio> #include<cstring> #include<c ...