前端开发者hbuilder网站前端开发 前端开发接私活的网站 web前端开发网站
html 代码
<!doctype html>
<html>
<head>
<meta charset=”utf-8″ />
<title>js验证码</title>
<style type=”text/css”>
#login {
width: 50px;
height: 30px;
line-height: 30px;
margin: 0 auto;
background-color: #eee;
text-align: center;
color: red;
}
p {
width: 75px;
height: 30px;
margin: 0 auto;
}
</style>
</head>
<body>
<p>验证码：</p>
<div id=”login” onclick=”show()”><a href=”#”></a></div>
<script type=”text/javascript”>
function codes(n) {
var a = “azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789”;
var b = “”;
for (var i = 0; i < n; i++) {
var index = Math.floor(Math.random() * 62);
b += a.charAt(index);
}
return b;
};
function show() {
document.getElementById(“login”).innerHTML = codes(4);
}
window.onload = show;
</script>
</body>
</html>
前端网站开发的公用头部 前端开发网站 网站前端开发代码
» 本文来自：前端开发者 » 《js简单小生成随机验证码》
» 本文链接地址：https://www.rokub.com/5776.html
» 您也可以订阅本站：https://www.rokub.com
Satisfy 2个月前 (06-04)说：
Pitt 2个月前 (06-03)说：
评论前必须登录！
注册