用js原生写验证码有好几种办法,但个人认为这种较为简便且容易理解。
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9 </head> 10 11 <body> 12 13 </body> 14 <script> 15 //封装一个随机生成数字的函数 16 function random(a, b) { 17 var n = Math.round(Math.random() * (a - b) + b); 18 return n; 19 } 20 21 function getCode(){ 22 //定义一个字符串把所有可能都装进去,全部字母以及数字 23 var codeStr = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; 24 25 //声明一个空的字符串,用作装随机生成的四个数。 26 var str = ""; 27 28 //写一个循环用来重复随机生成几个数,以及将东西一个一个放进上面声明的空字符串内 29 for (var i = 0; i < 4; i++) { 30 var m = random(0,61); 31 str += codeStr.charAt(m); 32 } 33 //在外面调用函数时,一定要在函数内写返回值 34 return str; 35 } 36 37 //调用函数 38 console.log(getCode()); 39 40 41 </script> 42 43 </html>