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高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
Jun 08 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
vue实现全选、反选功能
Nov 17 Javascript
浅谈关于iview表单验证的问题
Sep 29 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
JavaScript实现缓动动画
Nov 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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
PHP调用其他文件中的类
2018/04/02 PHP
PHP PDOStatement::nextRowset讲解
2019/02/01 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
2019/05/01 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
使用grappelli为django admin后台添加模板
2014/11/18 Python
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
python基于ID3思想的决策树
2018/01/03 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
浅谈Python中的字符串
2020/06/10 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
Wojas罗马尼亚网站:波兰皮鞋品牌
2018/11/01 全球购物
应届毕业生应聘自荐信范文
2014/02/26 职场文书
会计系毕业生求职信
2014/05/28 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
初中生物教学反思
2016/02/20 职场文书
工作一年自我鉴定
2019/06/20 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
python munch库的使用解析
2021/05/25 Python
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers