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 相关文章推荐
Json对象替换字符串占位符实现代码
Nov 17 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
layui点击按钮添加可编辑的一行方法
Aug 15 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 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 __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
Prototype使用指南之selector.js说明
2008/10/26 Javascript
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
js如何打印object对象
2015/10/16 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
使用JavaScript破解web
2018/09/28 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
vue请求数据的三种方式
2020/03/04 Javascript
python使用urlparse分析网址中域名的方法
2015/04/15 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
用xpath获取指定标签下的所有text的实例
2019/01/02 Python
对Python 获取类的成员变量及临时变量的方法详解
2019/01/22 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
python三引号如何输入
2020/07/06 Python
美国睫毛、眉毛精华液领导品牌:RevitaLash Cosmetics
2018/03/26 全球购物
四年级评语大全
2014/04/21 职场文书
化工专业自荐书
2014/06/16 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
工作收入住址证明
2014/10/28 职场文书
离婚起诉书范本
2015/05/18 职场文书
2015年市场营销工作总结
2015/07/23 职场文书