Html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="box" οnclick="panduan()">
<p>例如 : “张三、李四、王五、赵六、孙七</p>
<div id="result"></div>
</div>
</body>
</html>
Css部分
* {
margin: 0;
padding: 0;
}
#box {
width: 30%;
height: 300px;
margin: 100px auto;
border: solid 1px #ccc;
padding-top: 100px;
}
#box div {
margin: 20px auto;
text-align: center;
}
p {
text-align: center;
}
Js部分
function panduan() {
var result = document.getElementById('result');
var arr1=[];
for(var i=0;i<5;i++){
arr1[i]=prompt('请输入第'+(i+1)+'个数',"")
}
// 方法一
// var arr2=[];
// for(var j=0;j<arr1.length;j++){
// arr2[j]=arr1[j];
// }
// result.innerHTML = arr2[0]+'、'+arr2[1]+'、'+arr2[2]+'、'+arr2[3]+'、'+arr2[4]+'、';
// 方法二
var arr3=[];
for(var k=0;k<arr1.length;k++){
arr3[k]=arr1[k];
}
result.innerHTML = arr3.join('、');
}
