《HTML---javascript ---九九乘法表的实现》

最新推荐文章于 2023-11-03 14:39:28 发布

网安小明

最新推荐文章于 2023-11-03 14:39:28 发布

阅读量3.8w

点赞数 7

分类专栏： HTML 文章标签： xhtml javascript table html border 浏览器

本文链接：https://blog.csdn.net/w695050167/article/details/7594968

版权

2011-2012 下学期 C++实验报告同时被 2 个专栏收录

65 篇文章 2 订阅

订阅专栏

HTML

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>九九乘法表</title>

<style type="text/css">
table{
	width:600px;
	border-collapse:collapse;
	}
table th{
	border:#CC0000 1px solid
	}
</style>
</head>
<body>

<script type="text/javascript">
//用表格形式显示一个九九乘法表

document.write("<table>");

for (var x = 1; x <= 9; x++)
{
	document.write("<tr>");
	for (var y = 1; y <= x; y++)
	{
		document.write("<th>"+y+"*"+x+"="+y*x+"</th>");
	}
	document.write("</tr>");
}
document.write("</table>");

</script>
</body>
</html>