js随机生成验证码

实现原理

　　1. html：一般就是一个div： <div id="code"></div> ，样式根据需求设计。

　　2. JS：1）将所有的验证码所用的字符放在一个字符串中

　　　　　 2）在这个字符串的字符个数以内，随机生成索引号

　　　　　 3）根据索引号查找对应字符，拼接成验证码的字符串

代码实现

HTML：

<div id="code"></div>

效果图

CSS：

 1 * {
 2     margin: 0;
 3     padding: 0;
 4 }
 5 div {
 6     width: 80px;
 7     height: 30px;
 8     font-size: 18px;
 9     line-height: 30px;
10     text-align: center;
11     color: #333;
12     border: 1px solid red;
13     margin: 100px auto;
14     cursor: pointer;
15 }

JavaScri