用JS输出一个验证码

html代码：
 

<p>验证码：</p>

<div id="login" onclick="change()">

<a href="#" rel="external nofollow" ></a>

</div>

给div设置了一个click点击事件，

js代码如下：
 

function getCode(n) {
    var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789";
    var b = "";
    for (var i = 0; i < n; i++) { 
        var index = Math.floor(Math.random() * 62);
        b += all.charAt(index); 
    } 
    return b;
};
function change() { 
    document.getElementById("login").innerHTML = getCode(4);
} 
window.onclick = change

其中数组all用来装随机数的合集，包括小写大写和0-9一共62个。

首先设置一个函数getcode()，些函数输入的参数n为验证码的长度；设置字符串b来收集随机出的字符，使用一个循环，长度为n，每次都随机出一个index来作为all数组的索引来获取随机字符，然后使用b来进行拼接，循环结束后返回b的值；函数change()为给Id为“login”的div标签的HTML文本输入一个随机数。再给div设置一个点击事件，使用change输出一个长度为4的随机验证码。