如果有幸被那位大神看见希望可以为我指出下面的问题，

我是一个前端白小白，刚开始学和记录自己感觉不错的小项目，各位大神有好的方法或者更好的写法可以指点一二，写不好的时候随便喷我想看一下我潜力到底有多大。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>随机验证码生成于校验</title><style>#div1{width: 100px;height: 100px;background: #ccc;align-items: center;display: flex;justify-content: center;cursor: pointer;}#pp{color: red;font-size: 18px;}</style></head><body><div id="div1"><p id="pp"></p></div><input type="text" id="input1"><input type="button" value="验证" id="input"><script>window.onload=function(){ //设置全局变量var code;//获取idvar codeDiv = document.getElementById("pp");var codeinput=document.getElementById("input1");var codeValue = document.getElementById("input");var div2 = document.getElementById("div1");//调用函数并赋值给p标签codeDiv.innerHTML=randomCode();//获取随机数的函数function random(max,min){return Math.floor(Math.random()*(max-min)+min);}function randomCode(){code='';//设置验证码长度var codeLength = 4;//设置验证码的范围var creatCode=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M',' N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];for(var i=0;i<codeLength;i++){//设置随机范围var index = random(0,36);code+=creatCode[index];}return code;}//点击事件 对验证码对错判断codeValue.onclick=function(){// 把输出框中的字符转换成大写字母var dx = codeinput.value.toUpperCase();if(dx===code){//跳转页面地址window.location.href='https://www.baidu.com';}else{alert("输入验证码不正确");//把输入框清空codeinput.value='';//在刷新验证码codeDiv.innerHTML=randomCode();}}div2.onclick=function(){codeDiv.innerHTML=randomCode();}}</script></body>
</html>

第一个问题：这个里面我有一个问还是不明白。

 function randomCode(){code='';//设置验证码长度var codeLength = 4;//设置验证码的范围var creatCode=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M',' N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];for(var i=0;i<codeLength;i++){//设置随机范围var index = random(0,36);code+=creatCode[index];}return code;}

就是这上面这段代码中，那个return code;我一开始是打算用直接codeDiv.innerHTML= code,但是我这样写报错了我也不知道为啥，

第二问题：有时候生成的验证码中会有下图一样的间距，这是怎么会事呢？

感谢大神能看完

Javascript验证码的生成和验证，源代码相关推荐

验证码的生成与验证，控制层工具
这里用一个控制层工具来提供验证码的生成与验证,其中验证码生成以后是保存在session中,代码没有区分类去写那些验证码的生成函数,不过整合到控制层中,方便浏览与阅读,doget是判断和生成验证码的入口 ...
js简单验证码的生成和验证
如何用js生成简单验证码,并验证是否正确的方法 1.html页面如下 <div><table border="0" cellspacing="5&quo ...
golang 图片验证码的生成、验证
依赖包使用该方法实现图片验证码.必须先安装依赖的包,如果安装出错,请百度安装方法. "github.com/mojocn/base64Captcha" 生成验证码.以及验证方法 ...
web验证码的生成以及验证
应用场景:在登录的网页常常要用到验证码,能有效的防止恶意的登陆注册,暴力的提交数据. 验证码是一张图片,java有专门绘制图的类Graphics. 验证码小demo下载地址:http://downlo ...
JavaScript验证码的生成
//生成纯数字的n位验证码function numTestCode(n){var arr = [];for(var i=0;i<n;i++){var num = parseInt(Math.ra ...
java 生成校验验证码_java生成验证码并进行验证
一实现思路使用BufferedImage用于在内存中存储生成的验证码图片使用Graphics来进行验证码图片的绘制,并将绘制在图片上的验证码存放到session中用于后续验证最后通过ImageIO将 ...
滑块验证码后台生成及校验
目录前言思路流程工具类代码 pom 抠图工具类 imageUtils 调用实现类前言在自己做的某一个项目中要求具备滑块验证码的功能,在翻阅部分博客后自己参考编写了一个后台的滑块验证码工具类, ...
PHP 用户登录，验证码的生成，搜索代码
1.利用cookie技术实现用户的自动登录(注意密码需要md5加密). md5加密是使用最广泛的报文加密算法,它的作用就是把一个任意长度的字节串变换成一定长的大整数,并且它是一个不可逆的字符串变换算法 ...
html获取随机字母,JavaScript实现4位随机验证码的生成
这篇文章主要为大家详细介绍了JavaScript实现4位随机验证码的生成,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了JavaScript生成4位 ...

Javascript验证码的生成和验证，源代码

如果有幸被那位大神看见希望可以为我指出下面的问题，

第一个问题：这个里面我有一个问还是不明白。

第二问题：有时候生成的验证码中会有下图一样的间距，这是怎么会事呢？

感谢大神能看完

Javascript验证码的生成和验证，源代码相关推荐

最新文章

热门文章

Javascript验证码的生成和验证，源代码

如果有幸被那位大神看见希望可以为我指出下面的问题，

第一个问题：这个里面我有一个问还是不明白。

第二问题：有时候生成的验证码中会有下图一样的间距 ，这是怎么会事呢？

感谢大神能看完

Javascript验证码的生成和验证，源代码相关推荐

最新文章

热门文章

第二问题：有时候生成的验证码中会有下图一样的间距，这是怎么会事呢？