一、直角三角形

1.分析：每行星的个数都等于行号，用循环语句来实现。

代码如下：

   <script>
     //外层循环控制行数
     for(var i=1;i<=5;i++){
        //内层循环控制列数
        for(var j=1;j<=i;j++){
            document.write('*');
        }
        document.write('<br>');
    </script>

 二、等腰三角形

1.分析：

 代码如下：

<script>
    //外层循环控制行数
     for(var i=1;i<=5;i++){
        //内层循环控制列数
        for(var k=1;k<=5-i;k++){
            document.write('&nbsp;')  //空格
         }
        for(var j=1;j<=2*i-1;j++){
            document.write('*');
         }
            document.write('<br>')
      }
</script>

三、倒三角

1.分析：外层控制行数，内层控制列数；外层走一个，内层走一轮。

代码如下：

<script>
   var str='';// 用于存放拼接好的倒三角形
     // 外层控制行数
     for(var i=5;i>=0;i--){
        //内层控制每行空格的个数
        for(var k=1;k<=5-i;k++){
            str+='&nbsp;'
        }
        //内层控制每行星的个数
        for(var j=1;j<=2*i-1;j++){
            str+='*';
        }
        str+='<br>';
    }
    document.write(str);
 </script>

四、空心等腰三角形

   空心的等腰三角形
        //                 行号    星数     空格  
        //   
        //    *             1         1         2 0 2
        //   * *            2          3        1 1 1
        //  *****          3          5        0 0 0 

<script>
        var n = +prompt('请输入等腰三角形的行高');
        var str='';
        for (var i = 1; i <= n; i++) {
            for (var k = 1; k <= n - i; k++) {
                str+='&ensp;&nbsp;';
            }
            for (var j = 1; j <= 2 * i - 1; j++) {
                if (j == 1 || j == 2 * i - 1 || i == n) {
                    str+='★';
                } else {
                    str+='&ensp;&nbsp;';
                }
            }
            str+='<br>';
        }
       document.write(str);
    </script>

注意： 与 的区别：

 代表一个全角空格，它的宽度相当于汉字的笔画宽度。在排版中，它通常被用来替代普通的空格，以增加文字之间的间距，使排版更加美观。

 则代表一个半角空格，它的宽度相当于英文字符的笔画宽度。在排版中，它通常被用来表示单词之间的分隔，或者在数学符号前后添加空格。