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 相关文章推荐
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
javascript JSON操作入门实例
Apr 16 Javascript
淘宝搜索框效果实现分析
Mar 05 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
js简单抽奖代码
Jan 16 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
浅谈Angular路由复用策略
Oct 04 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 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
一拳超人中怪人协会钦定! S级别最强四人!
2020/03/02 日漫
fgetcvs在linux的问题
2012/01/15 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
JavaScript 对象、函数和继承
2009/07/07 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
2018/07/30 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
python基础教程之Hello World!
2014/08/29 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
Python实现统计代码行的方法分析
2017/07/12 Python
python中abs&amp;map&amp;reduce简介
2018/02/20 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
numpy 矩阵形状调整:拉伸、变成一位数组的实例
2020/06/18 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
网络技术支持面试题
2013/04/22 面试题
高三自我鉴定范文
2013/10/19 职场文书
业务员岗位职责
2013/11/16 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
婚庆司仪主持词
2014/03/15 职场文书
集中采购方案
2014/06/10 职场文书
端午节寄语2015
2015/03/23 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
Python基础之数据结构详解
2021/04/28 Python
nginx.conf配置文件结构小结
2022/04/08 Servers
Redis主从复制操作和配置详情
2022/09/23 Redis