zoukankan      html  css  js  c++  java
  • 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

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

  • 相关阅读:
    F
    E
    D
    B
    A
    C
    I
    G
    F
    架构sass文件
  • 原文地址:https://www.cnblogs.com/dshore123/p/9531317.html
Copyright © 2011-2022 走看看