zoukankan      html  css  js  c++  java
  • 【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;
    }
    

      

  • 相关阅读:
    django创建表单以及表单数据类型和属性
    Django-debug-toolbar(调试使用)
    POJ 2828 Buy Tickets
    Bsoj 1322 第K小数
    bzoj3555 企鹅QQ
    洛谷P1141 01迷宫
    NOIP2008普及组题解
    NOIP2014 day2 T2 洛谷P2296 寻找道路
    POJ2892 Tunnel Warfare
    BZOJ 3224 TYVJ 1728 普通平衡树 [Treap树模板]
  • 原文地址:https://www.cnblogs.com/FFPING/p/8196766.html
Copyright © 2011-2022 走看看