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;
    }
    

      

  • 相关阅读:
    MPX
    Centos7 LVM扩充存储空间
    capjoint conversations with Chenweiwen
    STA/LTA方法
    capjoint一些生成文件的解释
    搜索震源机制解
    git学习教程
    SAC处理命令transfer的一些详细介绍
    fastjson学习笔记
    语法检查程序LanguageTool学习和使用笔记
  • 原文地址:https://www.cnblogs.com/FFPING/p/8196766.html
Copyright © 2011-2022 走看看