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 相关文章推荐
javascript中interval与setTimeOut的区别示例介绍
Mar 14 Javascript
Bootstrap每天必学之下拉菜单
Nov 25 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
Sep 06 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
vue使用iframe嵌入网页的示例代码
Jun 09 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
原生js中运算符及流程控制示例详解
Jan 05 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 神盾解密工具 ”
2014/06/20 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
JSONP跨域请求
2017/03/02 Javascript
浅谈react+es6+webpack的基础配置
2017/08/09 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
js实现内置计时器
2019/12/16 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
Python Collatz序列实现过程解析
2019/10/12 Python
如何通过python检查文件是否被占用
2020/12/18 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
恶搞卫生巾广告词
2014/03/18 职场文书
化验员岗位职责
2015/02/14 职场文书
资料员岗位职责范本
2015/04/13 职场文书
安全教育日主题班会
2015/08/13 职场文书
PHP新手指南
2021/04/01 PHP
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android