javascript生成10位以上随机密码

红太狼 2024-03-16 10:41 7阅读 0赞

## javascript生成10位以上随机密码 ##

#### **[JS代码][JS]功能** ####

随机密码长度10位以上；

随机密码包含特殊字符；

随机密码包含英文大小写；

### **[JavaScript语法][JS]** ###

代码复制到本地保存XXX.html，使用浏览器打开即可运行。

<table> 
 <tbody> 
  <tr> 
   <td style="background-color:#f7f7f9;border-color:#eeeeee;text-align:center;vertical-align:baseline;"> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">1</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">2</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">3</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">4</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">5</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">6</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">7</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">8</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">9</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">10</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">11</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">12</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">13</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">14</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">15</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">16</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">17</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">18</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">19</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">20</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">21</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">22</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">23</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">24</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">25</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">26</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">27</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">28</span></span> 
    </div> 
    <div style="margin-left:0;text-align:right;"> 
     <span style="color:#000000;"><span style="color:#222222;">29</span></span> 
    </div> </td> 
   <td style="border-color:#eeeeee;text-align:center;vertical-align:baseline;"> 
    <div style="margin-left:0;text-align:left;"> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&lt;</code><code>html</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>head</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>title</code><code>&gt;随机生成密码&lt;/</code><code>title</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>meta</code>&nbsp;<code>charset</code><code>=</code><code>"utf8"</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>script</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>function&nbsp;getmm(){ </code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;amm=['!','@','#','$','%','&amp;','*','(',')','_'];//定义特殊字符数组</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;tmp=Math.floor(Math.random()*10);//生成0-9随机数</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;s=tmp;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s=s+amm[tmp];//取特殊字符</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//生成大写字母</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for(var&nbsp;i=0;i&lt;</code><code>4</code><code>;i++){ </code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>tmp</code><code>=</code><code>Math</code><code>.floor(Math.random()*26);</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s</code><code>=s+String.fromCharCode(65+tmp);</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//生成小写字母</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for(var&nbsp;</code><code>i</code><code>=</code><code>0</code><code>;i&lt;4;i++){ </code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>tmp</code><code>=</code><code>Math</code><code>.floor(Math.random()*26);</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s</code><code>=s+String.fromCharCode(97+tmp);</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('mm')</code><code>.innerHTML</code><code>=</code><code>s</code><code>;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/script&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/</code><code>head</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>textarea</code>&nbsp;<code>id</code><code>=</code><code>"mm"</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>生成10位随机密码</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/</code><code>textarea</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>button</code>&nbsp;<code>onclick</code><code>=</code><code>"getmm()"</code><code>&gt;生成密码&lt;/</code><code>button</code><code>&gt;</code></span></span> 
     </div> 
     <div style="margin-left:0;text-align:left;"> 
      <span style="color:#000000;"><span style="color:#222222;"><code>&lt;/</code><code>html</code><code>&gt;</code></span></span> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

#### **使用到的方法** ####

random();//返回 0 ~ 1 之间的随机数，包含 0 不包含 1。

Math.floor(Math.random()\*n);//可均衡获取 0 到 n-1 的随机整数。

fromCharCode() ;//可接受一个指定的 Unicode 值，然后返回一个字符串。

document.getElementById('mm').innerHTML=xxx//将html id为mm的值设为xxx。

οnclick=[js函数][JS]//鼠标点击时调用js函数。

[JS]: http://www.hu6.cc