js输出等腰星星

你你你就你

于 2020-07-01 00:20:59 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Ga_b_c/article/details/107054111

本文介绍使用JavaScript通过两种不同方法在网页上绘制三角形图案的过程。第一种方法逐层减少空格并增加星号数量，第二种方法则在每行开始时增加空格并在之后减少星号数量。这些技巧对于初学者理解循环和网页布局很有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：
    <script>
        var n = 5;
        //行数
        for (var i = 1; i <= n; i++) {
            //打印空格  n-i 总层数-第几层
            for (var j = 1; j <= (n - i); j++) {
                document.write("&nbsp");
            }
            //打印*  
            for (var k = 1; k <= i; k++) {
                document.write("*");
            }
            //换行
            document.write("<br>");
        }
    </script>
方法二：
    <script>
        var n = 5;
        //行数
        for (var i = 1; i <= n; i++) {
            //打印空格  n-i 总层数-第几层
            for (var j = 1; j <= i-1; j++) {
                document.write("&nbsp");
            }
            //打印*  
            for (var k = 5; k >= i; k--) {
                document.write("*" + "&nbsp");
            }
            //换行
            document.write("<br>");
        }
    </script>