本文介绍了原生js实现混合字母数字验证码的所有代码，重点是详细的注释，方便大家理解和分享，供大家参考。具体如下：运行效果截图如下：

具体代码如下：

！DOCTYPE html html head meta charset=' GB 2312 ' title/title style type=' text/CSS ' body，div { margin : 0；padd : 0；font-size : 18px；Font-family: '微软雅黑'；-web kit-user-selelct : none；} # code { position: absolutetop : 50%；左侧：50%；边距-top :-25px；左边距：-50px；宽度： 100 px；高度： 50px；线高： 50px；文本对齐：中心；border: 1px固体# ff0000cursor:指针；字母间距5px}/style/head dydiv id=' code ' xdf 2/div script type=' text/JavaScript '//当前验证码var codestr=' abcdefghijklmnopqrstuvwxyzabbcdefghijklmnopqrstuvxyz 0123456789 '获得的立即范围；//Idea: 0-61指标只需要随机生成4个指标，那么charAt就可以随机得到4个指标。var oDiv=document . getelementbyid(' code ')；函数getRandom(n，m){ n=Number(n)；//转换n，m，结果不是数字就是NaN m=Number(m)；If (isNaN(n) || isNaN(m)) {//判断n，m是否为有效数字，如果n或者m不是该数字则返回math . random()；//如果(n ^ m){//如果n大于m，则交换位置var temp=n；n=m；m=温度；}返回Math . round(Math . random()*(m-n)n)；//返回，取m和n之间的随机整数.}函数GetCode(){ var str=' '；//为备用定义一个空字符串(var I=0；i4；I) {//遍历4个索引var ran=getRandom(0，61)；//调用getRandom方法随机获取索引0-61中的随机索引str=codestr . charat(ran)；//放codeStr字符串，我们指定get ran(这4个索引)；} oDiv.innerHTML=str//呈现在页面上} GetCode()；//调用方法odiv . onclick=function(){ getcode()；}/脚本/正文/html