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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
Bootstrap Fileinput文件上传组件用法详解
May 10 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
PHP实现验证码校验功能
2017/11/16 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
利用Python破解斗地主残局详解
2017/06/30 Python
Python人脸识别初探
2017/12/21 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
python3爬取各类天气信息
2018/02/24 Python
详解Python字典小结
2018/10/20 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
Python数据存储之 h5py详解
2019/12/26 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
python接口自动化之ConfigParser配置文件的使用详解
2020/08/03 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
英国复古服装购物网站:Collectif
2019/10/30 全球购物
小学优秀班集体申报材料
2014/05/25 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
超市理货员岗位职责
2014/07/04 职场文书
2014年减负工作总结
2014/12/10 职场文书
个人专业技术总结
2015/03/05 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
oracle通过存储过程上传list保存功能
2021/05/12 Oracle
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL