利用JavaScript制作星星金字塔
来源:互联网 发布:深圳黑马程序员官网 编辑:程序博客网 时间:2024/04/27 17:32
主要练习:
代码赏析:
<!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:1pxsolid black;
margin:20pxauto;
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>
阅读全文
0 0
- 利用JavaScript制作星星金字塔
- 小案例--星星金字塔,九九乘法表
- 金字塔制作
- c语言面试题,画金字塔星星
- 利用JavaScript制作倒计时牌
- 利用JavaScript制作倒计时牌
- 利用JavaScript制作倒计时牌
- 利用JavaScript制作瀑布流
- IOS制作星星加分效果
- 使用javascript输出金字塔
- JavaScript构建字符串金字塔
- javascript打印金字塔
- JavaScript打印金字塔
- 求解!!!(想要求的是金字塔形状的) 星星
- html5制作星星闪烁和制作时钟
- 利用javascript制作常见的弹出窗口
- 利用Javascript制作网页特效(时间特效)
- 利用JavaScript基础制作小样品
- UEditor自定义请求参数
- 刘书学习笔记(3)多阶段决策问题
- 遍历dom时如何优化JS性能
- iOS学习笔记-117.多线程16——NSOperationQueue最大并发数
- 虚拟机 This virtual machine appears to be in use.
- 利用JavaScript制作星星金字塔
- UEditor跨域支持说明
- cat命令总结
- Numpy使用入门
- TiDB架构
- 读书笔记-《Java NIO》 : 第一章 简介
- python numpy中nonzero()的用法
- CAS原理分析
- UEditor常用API