效果图:
html主要是引用
<!DOCTYPE html>
<html>
<head>
<title>打印笑脸</title>
<meta charset="UTF-8"/>
<!--引入外部js-->
<script type="text/javascript" src="Js/smile.js">
</script>
</head>
<body>
</body>
</html>
javascript中代码如下
//打印笑脸
//声明笑脸变量
var icon ="\u263a"
//利用外循环与<br/>控制行
for (var i=0;i<=6;i++) {
//控制左边的空间
for (var o=0;o<i;o++) {
document.write(" ");
}
//利用等差公式控制笑脸变量
for (var o=1;o<(6-(i-1)*1);o++) {
document.write(icon+" ");
}
//控制右边的空间
for (var o=0;o<i;o++) {
document.write(" ");
}
//换行
document.write("<br/>");
}