直角三角形的实现：这种比较简单，是对js的基本练习，就一个很常规的双层for循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>try</title>
<script>
for(var i = 0;i < 5;i ++){
for(var j = 0;j <= i; j++){
document.write("*");
}
document.write("<br />");
}
</script>
</head>
<body>
</body>
</html>
倒直角三角形的实现：这种也比较简单，就是对上面的循环做一定的改进
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>try</title>
<script>
for(var i = 5;i > 0;i --){
for(var j = 0;j < i; j++){
document.write("*");
}
document.write("<br />");
}
</script>
</head>
<body>
</body>
</html>
九九乘法表的实现：九九乘法表的雏形仍然是直角三角形，只不过将直角三角形的每个＂＊＂都用算术表达式表示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>try</title>
<script>
<!--i可以理解为行号,总共９行-->
// j可以理解为列号,总共有９列
for(var i = 1;i <= 9;i ++){
for(var j = 1;j <= i; j++){
document.write(j+"*"+i+"="+i*j+" ");
}
document.write("<br />");
}
</script>
</head>
<body>
</body>
</html>
金字塔的实现：
| 当前行数ｉ | $ | ＊ |
| １ | ４ | １ |
| ２ | ３ | ３ |
| ３ | ２ | ５ |
| ４ | １ | ７ |
| ５ | ０ | ９ |
| 总行数为５ | 总行数－当前行数即 （５－ｉ） |
当前行数＊２－１即 （ｉ＊２－１） |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>try</title>
<script>
for(var i = 1; i <= 5; i ++){
// 输出5 - i个＂$＂
for(var x = 0;x < 5 - i; x ++){
document.write("$");
}
// 输出i*2-1个＂＊＂
for(var y = 0; y < i * 2 - 1; y ++){
document.write("*");
}
document.write("<br />");
}
</script>
</head>
<body>
</body>
</html>
效果图：
