當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
利用JavaScript制作星星金字塔
生活随笔
收集整理的這篇文章主要介紹了
利用JavaScript制作星星金字塔
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
主要練習：
代碼賞析：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> /* 2.設置盒子大小 居中 */ .box{ width:500px; height:500px; border:1px solid black; margin:20px auto;
text-align: center; } </style>
<script> // 3.window加載 window.onload = function(){
// 4.獲取元素信息 var oDiv = document.getElementById("div1");
// 5.創建變量，接收星星 var sStr = "";
// 6 遍歷 循環 每行出星星 for(var i=0;i<20;i++){
for(var j=0;j<i;j++){ sStr += "*"; }
sStr +="<br>"; }
// 7.遍歷 循環之外 改變盒子內部內容 oDiv.innerHTML = sStr;
} </script>
</head> <body> <!-- 1.搭建盒子，創建框架 --> <div class="box" id="div1"></div> </body> </html>
總結
以上是生活随笔為你收集整理的利用JavaScript制作星星金字塔的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Python环境下，提高pip安装库速度
- 下一篇： JS字符串与定时器