新浦京娱乐场官网-301net-新浦京娱乐www.301net
做最好的网站

完整实例代码点击此处

本文实例呈报了JS轻便编号生成器完结情势。分享给大家供大家参照他事他说加以考察,具体如下:

运行效果截图如下:

图片 1

具体代码如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编号生成器</title>
</head>
<body>
<h1>编号生成器</h1>
<div>
前缀:<input id="txtBegin" type="text" value="" /> 后缀:<input id="txtEnd" type="text" value="" />
<br />
位数:<input id="numCount" type="number" value="5" />
</div>
<div style="margin:10px 0;">
<label><input type="radio" name="a1" onclick="fnNum();" checked /> 连续数字</label>
<label><input type="radio" name="a1" onclick="fnPwd();" /> 随机字符</label>
</div>
<div id="divNum">
范围:<input id="numBegin" type="number" value="0" /> ~ <input id="numEnd" type="number" value="100" />
<br />
过滤字符:<input id="txtLimit" type="text" value="" /> 多个使用,号分割
</div>
<div id="divPwd" style="display:none;">
<h3>0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ</h3>
包含字符:<input id="txtChar" type="text" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" style="width:600px;" />
<br />
随机生成个数:<input id="txtCount" type="number" value="100" />
</div>
<input type="button" value="生成号码" onclick="run();" /> 
<hr />
<textarea id="txtContent" style="width:600px; height:500px;">
</textarea>
<script>
var boNum = true;
function fnNum()
{
  document.getElementById('divNum').style.display = 'block';
  document.getElementById('divPwd').style.display = 'none';
  boNum = true;
}
function fnPwd()
{
  document.getElementById('divNum').style.display = 'none';
  document.getElementById('divPwd').style.display = 'block';
  boNum = false;
}
function run()
{
  var str = '';
  var txtCount = parseInt(document.getElementById('txtCount').value);
  var txtBegin = document.getElementById('txtBegin').value;
  var txtEnd = document.getElementById('txtEnd').value;
  var txtChar = document.getElementById('txtChar').value;
  var numCount = parseInt(document.getElementById('numCount').value);
  var numBegin = parseInt(document.getElementById('numBegin').value);
  var numEnd = parseInt(document.getElementById('numEnd').value);
  var txtLimit = document.getElementById('txtLimit').value;
  var limit = txtLimit.split(',');
  if (txtLimit == '')
  {
    limit = [];
  }
  var count = 0;
  if (!boNum)
  {
    var list = [];
    for (var i=0; i<txtCount; i  )
    {
      var s = '';
      for (var j=0; j<numCount; j  )
      {
        s  = txtChar.charAt(Math.floor(Math.random() * txtChar.length));
      }
      var bo = false;
      for (var ii=0; ii<list.length; ii  )
      {
        if (list[ii] == s)
        {
          bo = true;
          alert(s);
          break;
        }
      }
      if (bo) continue;
      str  = txtBegin   s   txtEnd   'rn';
      list.push(s);
      count  ;
    }
  }
  else
  {
    for (var i=numBegin; i<numEnd 1; i  )
    {
      var s = ''   i;
      s = (new Array( numCount - s.length   1 ).join('0'))   s;
      var bo = false;
      for (var k=0; k<limit.length; k  )
      {
        if (s.indexOf(limit[k]) != -1)
        {
          bo = true;
          break;
        }
      }
      if (bo) continue;
      str  = txtBegin   s   txtEnd   'rn';
      count  ;
    }
  }
  document.getElementById('txtContent').value = str;
  document.getElementById('spanResult').innerHTML = '生成了 '   count   ' 个';
}
</script>
</body>
</html>

一体化实例代码点击这里本站下载.rar)。

更加多关于JavaScript相关内容感兴趣的读者可查阅本站专项论题:《JavaScript切换特效与技巧总括》、《JavaScript查找算法本领计算》、《JavaScript动画特效与技艺汇总》、《JavaScript错误与调治本事总计》、《JavaScript数据结构与算法手艺统计》、《JavaScript遍历算法与技艺总括》及《JavaScript数学生运动算用法计算》

可望本文所述对大家JavaScript程序设计具有支持。

你或者感兴趣的稿子:

  • JavaScript贯彻的微信二维码图片生成器的演示
  • JavaScript中的迭代器和生成器详解
  • 艾德itPlus注册码生成器(js代码达成)
  • js之弹出式窗口代码生成器
  • javascript完成的鼠标链接提示效果生成器代码
  • JavaScript之生成器_引力节点Java高校整理

本文由新浦京娱乐场官网-301net-新浦京娱乐www.301net发布于www.301net,转载请注明出处:完整实例代码点击此处

您可能还会对下面的文章感兴趣: