如何用html js做出等腰梯形

JavaScript015

如何用html js做出等腰梯形,第1张

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>pro.html</title>

<script type="text/javascript">

for ( var i = 0 i < 5 i++)

    {

for ( var j = 0 j < 4 - i j++)

        {

    document.write("&nbsp")

        }

for ( var j = 0 j < 4 + 2 * i j++)

        {

        document.write("*")

        }

document.write("<br / >")

    }

</script>

</head>

<body>

</body>

</html>

for(var i = 0 i <6i++){ //打印多少行

for(var k = 0 k <5 - ik ++){//打印多少个空格 5 4 3 2 1 个空格

document.write(" ")

}

for(var j = 0 j <2 * i + 1 j++){//打印多少个星星 1 3 5 7 9 11个星星

//找到和i的关系 : 2 * i + 1i 是 0 1 2 3 4 5

document.writeln("u")//多了一个换行符但是在chrome中解析为空格。为了格式,所以使用writeln

}

document.write("<br>")

}

for(var i = 5 i >= 0i--){//倒立打印

for(var k = 0 k <5-ik ++){

document.write(" ")

}

for(var j = 0 j <2 * i + 1 j++){

document.writeln("u")

}

document.write("<br>")

}

这是两个屁股连接的等边三角形,你改改里面的循环次数和空格个数就能完成了

<!doctype html>    

<html>    

<head>    

    <title>99乘法表</title>    

    <meta charset="utf-8"/>    

    <script type="text/javascript">    

    document.write('<table border="1" cellpadding="0" cellspacing="0" bgcolor="#ABCDEF"  width="80%">')    

for (var i=9i>=1i--){    

document.write('<tr>')    

  for(var j=1j<=ij++){    

document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>')

    

}    

document.write('</tr>')    

    

}    

document.write('</table>')    

    </script>    

   </head>    

   <body>    

       

   </body>    

</html>

给你个倒着的梯形,而且还是个乘法表