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引起的内存泄漏问题
Oct 08 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
基于jquery.page.js实现分页效果
Jan 01 jQuery
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
微信小程序实现留言板(Storage)
Nov 02 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
JavaScript 反射学习技巧
Oct 16 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程序效率优化的一些策略小结
2010/07/17 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
php中fgetcsv()函数用法实例
2014/11/28 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
python发送告警邮件脚本
2018/09/17 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
python3实现mysql导出excel的方法
2019/07/31 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
什么是组件架构
2016/05/15 面试题
财务会计专业求职信
2014/06/09 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
自荐信怎么写
2015/03/04 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
《观潮》教学反思
2016/02/17 职场文书