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延迟执行实现方法(setTimeout)
Dec 30 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
vue项目部署上线遇到的问题及解决方法
Jun 10 Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
微信小程序实现的一键拨号功能示例
Apr 24 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
解决vue scoped scss 无效的问题
Sep 04 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
详解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
Banner程序
2006/10/09 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
Bootstrap每天必学之按钮
2015/11/26 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
Python实现全局变量的两个解决方法
2014/07/03 Python
Python中__init__和__new__的区别详解
2014/07/09 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
Python3 chardet模块查看编码格式的例子
2019/08/14 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
Python unittest框架操作实例解析
2020/04/13 Python
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
酒店led欢迎词
2014/01/09 职场文书
总经理司机职责
2014/02/02 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
监理中标通知书
2015/04/16 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
毕业生入职感言
2015/07/31 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
Python实现生活常识解答机器人
2021/06/28 Python