1、伪验证码
<!doctype html> //软件版本:DW2018版
<html>
<head>
<meta charset="utf-8">
<title>伪验证码</title>
</head>
<script type="text/javascript">
function createCode(){
var datas = ['A','B','C','D','E','王','陈','晶','邓','2','1','9','4','6'];
var codes = "";
for(var i = 0;i < 4;i++){
//随机产生4个索引值
var index = Math.floor(Math.random()* datas.length); //0.0-1.0(不包含1.0)
codes+=datas[index];
}
var spanNode = document.getElementById("code");//获取span标签的id
spanNode.innerHTML = codes;//把验证码写到span标签中
//设置验证码的样式
spanNode.style.fontSize="20px";
spanNode.style.color="#0078D7";
spanNode.style.backgroundColor="#FFFF00";
spanNode.style.textDecoration="line-through";
}
document.onreadystatechange = read;//由于下面的函数read()不起作用,故用此语句解决。(原因:可能是window.onload和body中的onload起冲突) 可参考:https://blog.csdn.net/yansong_8686/article/details/9057019
function read(){//此函数的作用:一打开网页,即可看到一组验证码
createCode();
}
</script>
<body onLoad="read()">
<span id="code"></span> <a href="#" rel="external nofollow" onClick="createCode()">看不清,换一个</a>
</body>
</html>
效果图
原创作者:DSHORE 作者主页:http://www.cnblogs.com/dshore123/ 原文出自:https://www.cnblogs.com/dshore123/p/9531317.html 欢迎转载,转载务必说明出处。(如果本文对您有帮助,可以点击一下右下角的 推荐,或评论,谢谢!) |