js实现图形输出

最新推荐文章于 2023-03-19 21:50:04 发布

大头酥

最新推荐文章于 2023-03-19 21:50:04 发布

阅读量1.2k

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/m0_72058032/article/details/126044055

版权

这篇博客主要介绍了如何利用JavaScript在HTML页面上实现图形的输出，包括矩形、平行四边形和三角形的绘制方法。

摘要由CSDN通过智能技术生成

1、矩形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//嵌套循环:外层循环一次，内层循环一轮
			//矩形
			for (var j = 1; j <= 5; j++) {
				for (var i = 1; i <= 5; i++) {
					document.write("*")
				}
				document.write("<br>")
			}
		</script>
	</body>
</html>

1、平行四边形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//平行四边形
			for (var j = 1; j <= 5; j++) {
				for (var k = 5; k > j; k--) {
					document.write("&ensp;