用JS实现带边框的九九乘法表

最新推荐文章于 2022-06-13 17:56:09 发布

原创最新推荐文章于 2022-06-13 17:56:09 发布 · 8.8k 阅读

11 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript代码直接在HTML页面上生成九九乘法表的方法。通过双重循环实现表格的构建，并利用document.write()函数将计算结果写入到HTML中。此方法简单直观，适用于网页端展示数学运算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
				document.write("<table>");  
				var i,j;
				for(i=1;i<=9;i++){
					document.write("<tr>"); 
					for(j=1;j<=i;j++)
					{
							document.write("<td style='border: 1px solid;'>"+j+"x"+i+"="+i*j +" "+"</td>");
						}
					document.write("<br>");
					document.write("</tr>");
				}
		</script>
	</head>
	<body>
	</body>
</html>