运行界面如图:
实现代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hahh</title> <style> span{ border: 1px solid green; padding: 5px; margin: 3px; display: inline-block; } </style> </head> <body> <script> for (var i=1;i<=9;i++){ for (var j=1; j<=i;j++) { window.document.write("<span>"+i + " * " + j +" = "+i*j+"</span>") ; } window.document.write("<br/>"); } </script> </body> </html>总结:实现这种三角形样式,需要列跟随行变化,也就是需要j <= i这个语句。