首页 > 编程语言 > 详细

java基础69 JavaScript产生伪验证码(网页知识)

时间:2018-08-24 18:45:21      阅读:241      评论:0      收藏:0      [点我收藏+]

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>&nbsp;&nbsp;&nbsp;<a href="#" onClick="createCode()">看不清,换一个</a>
</body>
</html>

效果图

技术分享图片

 

 

 

原创作者:DSHORE

作者主页:http://www.cnblogs.com/dshore123/

原文出自:https://www.cnblogs.com/dshore123/p/9531317.html

欢迎转载,转载务必说明出处。(如果本文对您有帮助,可以点击一下右下角的 推荐,或评论,谢谢!

java基础69 JavaScript产生伪验证码(网页知识)

原文:https://www.cnblogs.com/dshore123/p/9531317.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!