HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding:0;
margin:0;
}
#code{
width:130px;
height:60px;
background-color:#9FF;
font-size:29px;
letter-spacing:5px;
}
</style>
</head>
<body>
<div>
<div id="code"></div>
<button onClick="creatRndCode()">验证码</button>
</div>
<script>
function creatRndCode(){
var chars=['1','2','3','4','5','6','A','N','Z','H','a'];
var randCode="";
for(var i=0;i<4;i++){
var randpos=Math.floor(Math.random()*chars.length);//层chars随机选择一个字
randCode+=chars[randpos];
}
document.getElementById('code').innerHTML=randCode;
}
</script>
</body>
</html>