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 相关文章推荐
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
Jan 24 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
js窗口震动小程序分享
Nov 28 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
详解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 str_pad 函数用法简介
2009/07/11 PHP
php 中英文语言转换类
2011/09/07 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php metaphone()函数的定义和用法
2016/05/15 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
2014/05/04 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
Python将多个list合并为1个list的方法
2018/06/27 Python
python 二维数组90度旋转的方法
2019/01/28 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
建筑经济管理专业求职信分享
2014/01/06 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
美术国培研修感言
2014/02/12 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js