【js随机生成验证码】

<body onload='yanzm()'>
<!--在页面加载时就执行这个函数-->
	 <div>
	 	<span></span>
	 	<span></span>
	 	<span></span>
	 	<span></span>
	 </div>
	 <!--给刷新定了一个按钮,并给它弄了一个点击样式,可以让点击他时出现每次随机出现span-->
	 <button onclick="yanzm()">刷新</button>
	<script type="text/javascript">
//	     在写随机码之前需它要给它一个随机的一串字符串,在这些字符串中随机输出所需要的东西
	     var yzm=("123456789qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM");	 
//	     获取span标签
         var span =document.getElementsByTagName('span');
//       定义一个函数
         function yanzm(){
	            var fz= " ";
//	            定一个语句,表示它循环几次
	            for(var i=0;i<4;i++){
//      随机Math.random()出的值乘以数组的长度,取出的值为数组的下标
	            var num = parseInt(Math.random()*yzm.length);
//      取出shu中的值,利用上面取出的下标num,此时取出的是数组中的值
	            fz = yzm[num];
//	            将上面取到的span元素通过innerHTML赋值给fz
	            span[i].innerHTML=fz;
//      把随机出的值通过style.color赋予颜色 ,Color()是自己封装的一个随机颜色函数
	            span[i].style.color=randomColor();
	         }
	         }
	         
	 
	</script>
	
	 <script src="js/fenzuang.js"></script>
</body>

  

//分装颜色
function randomColor(){
	var a =parseInt(Math.random()*256);
	var b =parseInt(Math.random()*256);
	var c =parseInt(Math.random()*256);
	var rgb ="rgb("+a+","+b+","+c+")";
	return rgb;
}

  

posted @ 2018-01-05 00:03  FuZHipinG  阅读(432)  评论(6编辑  收藏  举报