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="#" onClick="createCode()">看不清,换一个</a> </body> </html>
效果图
|
原创作者：DSHORE 作者主页：http://www.cnblogs.com/dshore123/ 原文出自：https://www.cnblogs.com/dshore123/p/9531317.html 欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！） |