如何获取验证码?(三种方式)

2,571 阅读1分钟
#box{
    margin: auto;
    font-size: 30px;
    display: block;
    color: darkblue
}                          
<i id="box"></i>

 /*
 封装一个函数,每次函数执行 都能得到一个由4个不同字符 组成的字符串
  "qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789"*/
  function fn(){
   var str="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789"
   //获取一个0-61之间的随机整数
   //math.round(math.random()*61)
   var str2=''
   for(var i=0;i<4;i++){
       var n=Math.round(Math.random()*61)

       str2+=str[n]
   }
   return str2
  }
 var str=fn();
 //保证字符串不重复
   
  function fn(){
       var str="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789"
       //获取一个0-61之间的随机整数
       //math.round(math.random()*61)
       var str2=''
       for(var i=0;i<4;i++){
           var n=Math.round(Math.random()*61)
           //拼接之前,先判断字符串中是否有对应的字符 有的话就不拼接
           //indexof
           if(str2.indexOf(str[n])===-1){
            str2+=str[n]
            //若得到的字符在str2中存在;那么我们需要让本次循环再次执行
           }else{
               i--
           }
       }
       return str2
      }
     var str=fn();


     function fn(){
       var str="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789"
       //获取一个0-61之间的随机整数
       //math.round(math.random()*61)
       var str2=''
       var i=0;
       while(i<4){
        var n=Math.round(Math.random()*61)
        if(str2.indexOf(str[n])===-1){
            str2=str[n]+str2
            i++
           }
       }
       return str2;
     }
     var str=fn();





     function fn4(){
       var str="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM0123456789"
       //获取一个0-61之间的随机整数
       //math.round(math.random()*61)
       var str2=''    
       while(str2.length<4){
        var n=Math.round(Math.random()*61)
        if(str2.indexOf(str[n])===-1){
            str2=str[n]+str2
           }
       }
       
       return str2;
     }
     var str=fn4();


//把得到的字符重新展示到页面上,每次点击时都要更新验证码
var box=document.getElementById('box')
box.innerHTML=fn(4);//把得到的字符展示到页面上;
box.onclick=function(){
    box.innerHTML=fn4()
}