zoukankan      html  css  js  c++  java
  • 随机生成6位数验证码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<span id="yz" style="background: url(images/1.png); 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>
    

      

  • 相关阅读:
    20180404
    20180323
    20180315
    mongodb
    linux 集群 读写分离 session入库 负载均衡 配置
    linux 搭建配置 lnmp搭建
    有语义标签
    CSS标签属性
    使用QQ登录商城
    ajax 跨域
  • 原文地址:https://www.cnblogs.com/ccyq/p/11335003.html
Copyright © 2011-2022 走看看