使用JavaScript实现制作网页随机验证码
程序员文章站
2022-04-15 22:45:46
...
1: getCode.js
/** * 产生随机数的函数 */function validateCode(n){ //验证码可能包含的字符
var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
var ret=""; //用于保存生成的验证码 //利用循环,随机产生生成验证码的每一个字符
for(var i=0;i<n;i++) {
var index = Math.floor(Math.random() * 62); //随机产生一个0~62之间的数字
ret += s.charAt(index);//将随机产生的数字当作字符串的位置下标,在字符串s中取出该字符，并加入到ret中 }
return ret; //返回产生的验证码}/* 显示随机数的函数 */function show() {
document.getElementById("msg").innerHTML=validateCode(4);//在id为msg的对象显示验证码}window.onload=show();//在整个页面加载完成后执行此函数
2:checkCode.html
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>制作网页随机验证码</title>
<script type="text/javascript" src="getCode.js"></script></head><body>
<span id="msg"></span>
<input type="button" value="刷新" onclick="show()"></body></html>
以上就是使用JavaScript实现制作网页随机验证码的详细内容，更多请关注其它相关文章！
推荐阅读
-
使用jQuery快速高效制作网页交互特效——04 第四章JavaScript对象及初识面向对象
-
javascript如何使用函数random来实现课堂随机点名方法详解
-
JavaScript实现4位随机验证码的生成
-
表单验证JavaScript代码实现正则匹配、随机验证码、密码强度、加拖拽加蒙板
-
使用JavaScript实现网页秒表功能（含开始、暂停、继续、重置功能）
-
Python使用selenium实现网页用户名 密码 验证码自动登录功能
-
使用jQuery快速高效制作网页交互特效——01 第一章 JavaScript基础
-
JavaScript结合PHP实现网页制作中双下拉菜单的动态实现
-
JavaScript网页制作特殊效果用随机数
-
使用jQuery快速高效制作网页交互特效——03 第三章 JavaScript操作DOM对象