java基础69 JavaScript产生伪验证码（网页知识）

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

欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！）
posted @ 2018-08-24 18:09  DSHORE  阅读(302)  评论(0)  编辑  收藏  举报