JS实现打印九九乘法表方法实例
程序员文章站
2022-04-22 19:15:37
...
本文主要和大家分享JS实现打印九九乘法表方法实例，希望能帮助到大家。
步骤
1.先循环，将整个乘法表拼了出来
2.将乘法表套入一个table里
3.简单的给table加点样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS打印九九乘法表</title>
<style media="screen">
/* 简单给整个table加点样式 */
table{
border-collapse: collapse;
}
table tr{
border: 1px solid #666;
}
table tr th{
border: 1px solid #666;
color: #999;
padding:10px;
}
</style>
</head>
<body>
<script type="text/javascript">
// 创建table
document.write("<table>");
// 打印九九乘法表
for(var x = 1;x <= 9;x++){
// 创建tr
document.write("<tr>");
for(var y = 1;y <= x;y++){
// 公式里创建th
document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>')
}
// 闭合tr
document.write("</tr>");
}
// 闭合table
document.write("</table>")
</script>
</body>
</html>
相关推荐：
以上就是JS实现打印九九乘法表方法实例的详细内容，更多请关注其它相关文章！
上一篇： CSS-浮动篇float_html/css_WEB-ITnose
下一篇： JS性能优化技巧实例分享