<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>金字塔</title>
<style>
div{
text-align: center;
line-height: 20px;
}
</style>
</head>
<body>
<div>
<h4>打印倒正金字塔</h4>
<script type="text/javascript">
for (var i=24;i>0;i=i-2){
for (var j=0;j<i;j++){
document.write("-")
}
document.write("<br/>")
}
for (var i=0;i<24;i=i+2){
for (var j=0;j<=i;j++){
document.write("-")
}
document.write("<br/>")
}
</script>
</div>
</body>
</html>
运行结果: