zoukankan      html  css  js  c++  java
  • 实心图案

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
        </body>
    </html>
    <script>
        //打印 四行五列的矩形
        for( var i = 1 ; i <= 4 ; i++ ){ //行
            for( var j = 1 ; j <= 5 ; j++ ){ //列
                document.write("*");
            }
            document.write("<br>");
        }
        
        
        /*
        *
        **
        ***
        ****
        ******/
        for( var i = 1 ; i <= 5 ; i++ ){
            for( var j = 1 ; j <= i ; j++ ){
                document.write("*");
            }
            document.write("<br>");
        }
        
        /*
        *****
        ****
        ***
        **
        **/
        for( var i = 1 ; i <= 5 ; i++ ){
            for( var j = 1 ; j <= 6-i ; j++ ){
                document.write("*");
            }
            document.write("<br>");
        }
        
        /*
        *****
         ****
         ***
         **
         **/
        document.write("<hr>");
        for( var i = 1 ; i <= 5 ; i++ ){
            //每一行输出*之前先输出 空格
            for( var j = 1 ; j <= i-1 ; j++ ){
                document.write("&ensp;");
            }
            for( var j = 1 ; j <= 6-i ; j++ ){
                document.write("*");
            }
            document.write("<br>");
        }
        
        /*
         *
         ***
         *****
        *******
         *****
         ***
         *
        
        上 半部分 :
        i j
        1 1
        2 3
        3 5
        4 7
        2*i-1 == j
        
        空格 :
        1 3
        2 2
        3 1
        
        下半部分 :
        i j
        1 5
        2 3
        3 1
        2*i + j == 7
        i j
        1 1
        2 2
        3 3
        */
        for( var i = 1 ; i <= 4 ; i++ ){
            //每一行输出*之前先输出 空格
            for( var j = 1 ; j <= 4-i ; j++ ){
                document.write("&ensp;");
            }
            for( var j = 1 ; j <= 2*i-1 ; j++ ){
                document.write("*");
            }
            document.write("<br>");
        }
        for( var i = 1 ; i <= 4 ; i++ ){
            //每一行输出*之前先输出 空格
            for( var j = 1 ; j <= i ; j++ ){
                document.write("&ensp;");
            }
            for( var j = 1 ; j <= 7-2*i ; j++ ){
                document.write("*");
            }
            document.write("<br>");
        }
        
        
        //九九乘法表
        /*
         *
         * *
         * *
        * *
         * *
         * *
         *
        
        *
        **
        * *
        * *
        * *
        ******
        */
    </script>
  • 相关阅读:
    基于Canvas的时钟
    注意A链接的默认行为
    基于Aptana3+Django开发blog的示例
    使用vbscript替换excel文件的内容
    使用Ajax建立的Server Push和Iframe建立的Comet
    ajax和它的超时
    通用SQL分页程序
    简简单单学习ASP.NET之三
    功能很强大的UI封装类
    封装的一些实现图片水印与图片自动结合缩放的类
  • 原文地址:https://www.cnblogs.com/tis100204/p/10319210.html
Copyright © 2011-2022 走看看