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 相关文章推荐
ASP.NET中AJAX 调用实例代码
May 03 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
js控制input框只读实现示例
Jan 20 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHP 登录记住密码实现思路
2013/05/07 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
js获取GridView中行数据的两种方法 分享
2013/07/13 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
基于jQuery实现响应式圆形图片轮播特效
2015/11/25 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
jQuery查找节点并获取节点属性的方法
2016/09/09 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
JavaScript 反射和属性赋值实例解析
2019/10/28 Javascript
vue实现瀑布流组件滑动加载更多
2020/03/10 Javascript
详解python中的线程
2018/02/10 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
Keras设置以及获取权重的实现
2020/06/19 Python
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2020/12/22 Python
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
意大利和国际最佳时尚品牌:Drestige
2019/12/28 全球购物
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
电气技术员岗位职责
2013/11/19 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
党员先锋岗事迹材料
2014/05/08 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
员工加薪申请报告
2015/05/15 职场文书
2015年副班长工作总结
2015/05/15 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
2019年教师入党申请书
2019/06/27 职场文书
如何使用Python对NetCDF数据做空间相关分析
2021/04/21 Python
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
MySQL 服务和数据库管理
2021/11/11 MySQL