用JS生成随机验证码(超简单代码) |
您所在的位置:网站首页 › web生成按纽代码 › 用JS生成随机验证码(超简单代码) |
下面我们来用DOM操作写出一个随机的验证码 当前页面会显示一个div区域和一个生成验证码的按钮 CSS样式如下: #code{ width: 110px; height: 50px; background-color: #6495ED; font-size: 35px; letter-spacing: 5px; }JS代码如下: function creatCode(){ var chars=['A','B','C','D','a','b','c','d','0','1','2','3']; //用数组chars保存验证码里出现的字符 var randCode=""; //定义一个初始值为空的字符串变量为最终产生的随机验证码 for(var i=0;i 0~数组长度-1的范围 取整 var randPosition = Math.floor(Math.random()*(chars.length-1)); //每次生成一个随机数的位置 randCode += chars[randPosition];//带有随机位置作为下标,指示到当前随机产生的某个字符上,将其连接到随机验证码的后面 } //循环四次后即可显示出验证码 document.getElementById("code").innerHTML=randCode;//当产生验证码后,将其显示到 div 中 }总结: 1.运用数组、随机函数的知识 2.用DOM的知识完成对随机验证码的显示过程 欢迎和我交流前端方面的知识,一起学习与进步。 希望本文对你有帮助哟! |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |