js实现九九乘法表

小小红色无花果

已于 2022-10-26 00:21:53 修改

阅读量899

点赞数

文章标签： javascript html 前端

于 2022-09-03 11:35:18 首次发布

本文链接：https://blog.csdn.net/weixin_45096939/article/details/126675494

版权

document.write(); 里面可以写html标签，可以在页面展示。

用js实现页面九九乘法表的展现，代码如下：

<!DOCTYPE html>
<!-- <script src="./kindTrend.js"></script> -->
<html>
	<head>
		<meta charset="utf-8">
		<title>九九乘法表</title>
		<style type="text/css">
		.td{
			width: 100px;
			background-color: skyblue;
			border: 1px solid #000;
		}
		</style>
		<script type="text/javascript">
			document.write("<table>")
			for (let i = 1; i <= 9; i++) {
				document.write("<tr>")
				for (let k = 1; k <= i; k++) {
					document.write("<td class='td'>")
					document.write(i + "*" + k + "=" + (i * k) + "  ");
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>")
		</script>
	</head>
	<body>
	</body>
</html>

效果图如下：