JS随机密码生成算法


Posted in Javascript onSeptember 23, 2019

本文实例为大家分享了JS生成随机密码的具体代码,供大家参考,具体内容如下

题目:

输入一个正整数n,生成n个随机密码,其中包括数字,大小写字母。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  div{
    width: 300px;
    height: 100px;
    background-color: lightblue;
    overflow: auto;
  }
  </style>
</head>
<body>
  <input type="text">
  <button>生成</button>
  <div class="end"></div>
  <script>
  var oTn = document.getElementsByTagName("input")[0];
  var oBtn = document.getElementsByTagName("button")[0];
  var oDiv = document.querySelector(".end");
  var password = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o",
  "p","q","r","s","t","u","v","w","x","y","z","A","B","C","D",
  "E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S",
  "T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"
  ]; 
  function pass(length){
    var Str = "";
    for(var i = 0 ; i<length;i++){
      Str += password[Math.floor(Math.random()*password.length)];
    }
    return Str;
  }
  oBtn.onclick = function(){
    oDiv.innerHTML = pass(oTn.value);
  }
  </script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[IE&amp;FireFox兼容]JS对select操作
Jan 07 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
JavaScript获取路径设计源码
May 22 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 #Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 #Javascript
layui树形菜单动态遍历的例子
Sep 23 #Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 #Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 #Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 #Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 #jQuery
You might like
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
jQuery+ajax中getJSON() 用法实例
2014/12/22 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
Javascript动画效果(2)
2016/10/11 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
Python中的数据对象持久化存储模块pickle的使用示例
2016/03/03 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
Sublime开发python程序的示例代码
2018/01/24 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
Python3解释器知识点总结
2019/02/19 Python
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
应聘医药销售自荐书范文
2014/02/08 职场文书
党员服务承诺书
2014/05/28 职场文书
政风行风建设责任书
2014/07/23 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
php字符串倒叙
2021/04/01 PHP
Redis集群的关闭与重启操作
2021/07/07 Redis
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android