通过document.write()输出*形成的三角形图案、
时间: 2024-09-09 21:03:45 浏览: 52
document.documentElement和document.body区别介绍
`document.write()` 是JavaScript中的一个函数,用于将字符串写入到网页文档的指定位置。要通过 `document.write()` 输出由星号(*)组成的三角形图案,可以通过嵌套循环来实现。以下是一个简单的例子,它将输出一个简单的右对齐的三角形图案:
```javascript
<script type="text/javascript">
// 定义三角形的高度
var height = 5;
// 外层循环控制行数
for (var i = 1; i <= height; i++) {
// 内层循环控制每行的空格数
for (var j = 0; j < height - i; j++) {
document.write(' ');
}
// 内层循环控制每行的星号数
for (var k = 0; k < 2 * i - 1; k++) {
document.write('*');
}
// 每完成一行的输出后换行
document.write('<br>');
}
</script>
```
上述代码首先定义了三角形的高度为5行,外层循环用于控制行数。每行开始时,内层循环首先输出一定数量的空格,以实现三角形的右对齐效果。紧接着,第二个内层循环输出星号,数量为当前行数的两倍减一,从而形成三角形的形状。每完成一行的输出后,使用 `<br>` 标签换行。
需要注意的是,在实际的网页设计中,`document.write()` 方法通常不推荐使用,因为它会覆盖整个网页的内容。现代的Web开发更倾向于使用DOM操作方法,如 `innerHTML`、`appendChild` 等,来动态地操作页面元素。
阅读全文