JavaScript实现9*9乘法表+隔行换色

来源:互联网 发布:柳海龙 知乎 编辑:程序博客网 时间:2024/05/17 03:31

方法一:

<script type="text/javascript">//9*9乘法表  隔行换色for (var i = 1; i <= 9; i++) {for (var j = 1; j <= i; j++) {if (i%2 == 0) { document.write("<span style='background-color:pink;'>"+i+'x'+j+'='+i*j+" </span>"); } else { document.write("<span style='background-color:grey;'>"+i+'x'+j+'='+i*j+" </span>"); }}document.write('<br />');}</script>

方法二:

<script type="text/javascript">//9*9乘法表  实现隔行换色document.write("<table align='center'>");for (var i = 1; i <= 9; i++) {if (i % 2 == 0) {document.write("<tr bgcolor='pink'>");} else {document.write("<tr bgcolor='grey'>");}for (var j = 1; j <= i; j++) {document.write("<td>");document.write(i+'x'+j+'='+i*j);document.write("</td>");}document.write("</tr>");}document.write("</table>");</script>


0 0