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

<!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>


在网页上显示乘法表是利用javascript向浏览器写HTML语言

通过解析才会呈现这样的效果

当然,显示效果也用到了css


已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页