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 相关文章推荐
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
关于JS中的闭包浅谈
Aug 23 Javascript
js密码强度实时检测代码
Mar 02 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
关闭Vue计算属性自带的缓存功能方法
Mar 02 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
php时间戳转换代码详解
2019/08/04 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
用js来解决ajax读取页面乱码
2010/11/28 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
2017/06/05 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
node.js连接mysql与基本用法示例
2019/01/05 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
python中的多重继承实例讲解
2014/09/28 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
python实现判断一个字符串是否是合法IP地址的示例
2018/06/04 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
python——全排列数的生成方式
2020/02/26 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
django使用多个数据库的方法实例
2021/03/04 Python
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
2014学年自我鉴定
2014/02/23 职场文书
《开国大典》教学反思
2014/04/19 职场文书
音乐剧猫观后感
2015/06/04 职场文书
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技