本文主要和大家分享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>
相关推荐:
php使用双层循环实现九九乘法表的实例
js实现精美的九九乘法表效果代码
js实现上下左右对称的九九乘法表_javascript技巧
以上就是js实现打印九九乘法表方法实例的详细内容。