随机生成6位数验证码 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span id="yz" style="background: url(images/1.png);width: 80px;font-style: italic;height: 20px;border: 1px solid black;display: inline-block;"></span>
		<a href="javascript:;" id="btn">看不清</a>
	</body>
</html>
<script src="common.js"></script>
<script>
	//思路:在48-122之间随机获取一个整数值 如果值在58-64或91-96之间 就重新在抽一个值 
	//如果不在上面的区间 就将这个编码值转成对应的字符 存入到某个变量中
	//字母和数字组成
	function yzm(){
		var str = "";//存储验证码
		for(var i = 1;i<=6;i++){
			var code = rand(48,122);
			if(code>=58&&code<=64||code>=91&&code<=96){
				i--;
			}else{
				//将得到的code转成对应的字符  存入到str变量中
				str += String.fromCharCode(code);
			}
		}
		return str;
		
	}
	//页面打开后  将验证码存到页面上
	$id('yz').innerHTML=yzm();
	//点击看不清按钮 重新获取验证码
	$id('btn').onclick = function(){
		$id('yz').innerHTML=yzm();
	}
</script>

　　

posted @ 2019-08-11 14:49  Yi只猴  阅读(1620)  评论(0)    收藏  举报